/* Mobile Navigation - Shared across all pages */
.nav-right { display: flex; align-items: center; gap: 24px; }
.nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 32px; height: 32px; background: none; border: none; cursor: pointer; padding: 4px; z-index: 1001; }
.hamburger-line { display: block; width: 24px; height: 2px; background: var(--white, #FFFFFF); transition: all 0.3s ease; }
.nav-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.nav-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.mobile-nav { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--midnight, #0C1824); z-index: 999; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 100px 32px 48px; opacity: 0; visibility: hidden; transition: all 0.3s ease; }
.mobile-nav.active { opacity: 1; visibility: visible; }
.mobile-nav-links { display: flex; flex-direction: column; align-items: center; gap: 24px; margin-bottom: 48px; }
.mobile-nav-links a { font-family: 'Alata', sans-serif; font-size: 1.5rem; color: var(--white, #FFFFFF); text-decoration: none; opacity: 0.8; transition: opacity 0.3s; }
.mobile-nav-links a:hover { opacity: 1; }
.mobile-nav-cta .btn { display: inline-block; padding: 16px 32px; background: var(--electric, #0A61A4); color: var(--white, #FFFFFF); border: 1px solid var(--electric, #0A61A4); font-family: 'Inter', sans-serif; font-size: 0.8125rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease; }
.mobile-nav-cta .btn:hover { background: transparent; color: var(--electric, #0A61A4); }
@media (max-width: 1024px) { .nav-toggle { display: flex; } }
@media (max-width: 640px) { .nav-contact { display: none; } .mobile-nav-links a { font-size: 1.25rem; } }