*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333}.container{padding:20px;margin:0 auto;max-width:1200px}header{background-color:#4a90e2;padding:15px 0;box-shadow:0 2px 5px #0000001a}.main-header{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.brand-name{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s}.brand-name:hover{color:gold}.navigation-drawer{min-height:100vh;width:250px;padding:20px;background-color:#fff;position:fixed;top:0;left:0;box-shadow:2px 0 5px #0000001a;transform:translate(-100%);transition:transform .3s ease;z-index:1000;justify-content:space-between}.navigation-drawer.open{transform:translate(0)}.drawer-button{padding:10px 15px;border:none;background-color:#fff;font-size:1.5rem;cursor:pointer;color:#4a90e2;transition:color .3s}.drawer-button:hover{color:gold}.nav-list{list-style:none;display:flex;flex-direction:column;gap:15px}.nav-list li a{display:block;padding:10px 15px;color:#333;text-decoration:none;font-size:1.1rem;transition:background-color .3s}.nav-list li a:hover{background-color:#f0f0f0;border-radius:5px}.main-content{padding:20px 0;min-height:calc(100vh - 100px)}.page-title{font-size:2rem;margin-bottom:20px;color:#4a90e2}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:20px}.story-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .3s}.story-card:hover{transform:translateY(-5px)}.story-image{width:100%;height:200px;object-fit:cover}.story-content{padding:15px}.story-title{font-size:1.2rem;margin-bottom:10px;color:#333}.story-desc{font-size:.95rem;margin-bottom:10px;color:#666}.story-date{font-size:.85rem;color:#999;margin-bottom:10px}.about-text{font-size:1rem;line-height:1.8;color:#555;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.form{max-width:500px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{height:100px;resize:vertical}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.btn-primary{background-color:#4a90e2;color:#fff}.btn-primary:hover{background-color:#357abd;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;color:#fff;text-decoration:none;padding:8px 15px}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}.register-link{margin-top:15px;text-align:center;font-size:1rem}.register-link a{color:#4a90e2;text-decoration:none;font-weight:700}.register-link a:hover{text-decoration:underline;color:#357abd}.skip-link{position:absolute;top:-40px!important;left:0;background:#4a90e2;color:#fff;padding:10px;z-index:1000;text-decoration:none;transition:top .3s;opacity:0;outline:none}.skip-link:focus{top:0!important;opacity:1;box-shadow:0 0 0 3px #ffffff80}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:2000;font-size:1rem;animation:slideIn .5s ease}.notification.fade-out{animation:fadeOut .5s ease forwards}.notification.info{background-color:#2b2bd2;color:#fff}.notification.success{background-color:#28a745;color:#fff}.notification.warning{background-color:#ffc107;color:#333}.notification.error{background-color:#dc3545;color:#fff}.logout-btn{margin:1rem}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}footer{text-align:center;padding:10px 0;background-color:#4a90e2;color:#fff;margin-top:20px}@media screen and (max-width: 600px){.container{padding:10px}.stories-grid{grid-template-columns:1fr}.story-image{height:150px}.form-group video{max-width:100%}.btn{width:auto;padding:10px}.main-content{margin-left:0}}@media screen and (min-width: 1000px){.navigation-drawer{min-height:auto;width:auto;padding:0;background-color:transparent;flex-direction:row;justify-content:space-between;position:static;box-shadow:none;transform:translate(0);align-items:center}.nav-list{flex-direction:row;gap:20px;display:flex;align-items:center}.nav-list li{margin:0}.nav-list li a{display:inline-block;color:#fff;padding:10px}.nav-list li a:hover,.nav-list li a.active{background-color:#e9d15b;color:#fff;border-radius:5px}.drawer-button{display:none}.main-content{margin-left:0}}