:root{--bg: #f8fafc;--bg-soft: #ffffff;--bg-nav: #ffffff;--text: #0f172a;--text-muted: #64748b;--primary: #14b8a6;--border: #e5e7eb;--radius: 14px;--max-width: 1440px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text)}.navbar{background:var(--bg-nav);border-bottom:1px solid var(--border);position:relative;z-index:1000}.navbar-container{max-width:var(--max-width);margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.8rem;font-weight:900;white-space:nowrap;line-height:1;color:var(--text);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none;margin:0;padding:0;flex-shrink:0}.nav-item{position:relative}.nav-link{font-size:1.05rem;font-weight:500;color:var(--text-muted);display:inline-flex;align-items:center;gap:.5rem}.nav-item:hover .nav-link{color:var(--text)}.nav-link:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:2px;background:var(--primary);opacity:0}.nav-item:hover .nav-link:after{opacity:1}.nav-item.active .nav-link:after{opacity:1}.badge{font-size:.6rem;padding:.25rem .55rem;border-radius:999px;text-transform:uppercase;font-weight:700}.badge-available{background:#dcfce7;color:#166534}.badge-in-progress{background:#fef3c7;color:#92400e}.mega-menu{position:absolute;top:100%;left:0;width:100vw;background:var(--bg-soft);border-top:1px solid var(--border);box-shadow:0 24px 48px #00000014;z-index:999}.mega-menu-grid{max-width:var(--max-width);margin:0 auto;padding:2.5rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:3rem}.mega-menu-section h4{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin-bottom:1rem}.mega-menu-section ul{list-style:none;padding:0;margin:0}.mega-menu-section li{margin-bottom:.75rem}.mega-menu-section a{font-size:1rem;font-weight:500;color:var(--text)}.mega-menu-section a:hover{color:var(--primary)}.dropdown{display:none!important}