*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0b3f61,#1b1b1b);color:#fff;min-height:100vh}.navbar{background-color:#0b3f61;padding:1rem 0;box-shadow:0 4px 15px rgba(0,0,0,.2);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:#fff;font-size:1.5rem;margin:0;font-weight:700}.nav-links{list-style:none;display:flex;gap:1rem;margin:0}.nav-links li{margin:0}.nav-links a{color:#fff;text-decoration:none;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;border:2px solid transparent;display:inline-block}.nav-links a:hover{color:#0b3f61;background-color:#c6d403;border-color:#c6d403;transform:translateY(-2px)}.container{max-width:1200px;margin:2rem auto;padding:0 2rem}.page{padding:2rem 0}.page h1{color:#fff;text-align:center;margin-bottom:.5rem;font-size:2.5rem}.subtitle{color:hsla(0,0%,100%,.8);text-align:center;margin-bottom:2rem;font-size:1.1rem}.category-selector{background:#1b1b1b;padding:2rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 4px 15px rgba(0,0,0,.1)}.category-selector h3{margin-bottom:1rem;color:#fff}.button-group{display:flex;flex-wrap:wrap;gap:.5rem}.category-btn{padding:.7rem 1.5rem;border:2px solid #0b3f61;background:#0b3f61;color:#fff;border-radius:25px;cursor:pointer;transition:all .3s;font-weight:600}.category-btn:hover{background:#1b1b1b;border-color:#1b1b1b}.category-btn.active{background:#0b3f61;color:#fff}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-top:2rem}.section{background:#1b1b1b;padding:2rem;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff}.admin-page h1{color:#fff;margin-bottom:.5rem}.alert{background:#fff3cd;border:1px solid #ffc107;color:#856404;padding:1rem;border-radius:5px;margin-bottom:2rem}.admin-content{background:#1b1b1b;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.admin-content,.footer{padding:2rem;color:#fff}.footer{background-color:#2c3e50;text-align:center;margin-top:4rem}@media (max-width:768px){.content-grid{grid-template-columns:1fr;gap:1rem}.navbar-container{flex-direction:column;gap:1rem}.nav-links{flex-direction:column;gap:0}.page h1{font-size:2rem}.button-group{flex-direction:column}.category-btn{width:100%}.container{padding:0 1rem;margin:1.5rem auto}.section{padding:1.2rem}.category-selector{padding:1.25rem}.page h1{font-size:1.8rem}.subtitle{font-size:1rem}}