.navbar{z-index:1000;width:100%;transition:all var(--transition-normal);background:0 0;padding:1.5rem 0;position:fixed;top:0;left:0}.navbar.scrolled{background:var(--background-white);box-shadow:var(--shadow-md);padding:1rem 0}.navbar.scrolled .logo-title{color:var(--primary-color)}.navbar.scrolled .logo-tagline{color:var(--text-muted)}.navbar.scrolled .nav-links a{color:var(--text-main)}.logo-container{align-items:center;gap:.75rem;text-decoration:none;display:flex}.navbar-logo-img{object-fit:contain;border-radius:var(--radius-sm);width:auto;height:45px}.logo-text-wrapper{flex-direction:column;justify-content:center;display:flex}.logo-title{font-size:1.75rem;font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;font-weight:800;line-height:1}.logo-tagline{color:#fff;opacity:.9;letter-spacing:.2px;margin-top:2px;font-size:.7rem;font-weight:400}.logo-dot{color:var(--secondary-color)}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-muted);padding-bottom:4px;font-size:1rem;font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--secondary-color);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:var(--primary-color)}html body .navbar:not(.scrolled){background:var(--background-white)}.nav-links .admin-link{border-radius:var(--radius-sm);opacity:.7;border:1px solid #ffffff4d;padding:4px 8px;font-size:.85rem}.navbar.scrolled .nav-links .admin-link{border-color:var(--border-color)}
.footer{background-color:var(--primary-dark);color:#fff;margin-top:auto;padding-top:4rem}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;display:grid}.footer h3{color:#fff;margin-bottom:1rem;font-size:1.75rem}.footer-col h4{color:var(--secondary-color);margin-bottom:1.5rem;font-size:1.125rem}.footer-col p{color:#cbd5e1;line-height:1.7}.footer-col ul{padding:0;list-style:none}.footer-col ul li{color:#cbd5e1;margin-bottom:.75rem}.footer-col ul li a{color:#cbd5e1;transition:color var(--transition-fast)}.footer-col ul li a:hover{color:var(--secondary-color)}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff1a;padding:1.5rem 0;font-size:.875rem}
