/* ===== NAVBAR ===== */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0.06);padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(-100%);transition:opacity 0.8s ease, transform 0.8s ease;pointer-events:none}
.site-nav.visible{opacity:1;transform:translateY(0);pointer-events:auto}
.site-nav.dark-mode{background:rgba(10,14,24,0.92);border-bottom-color:rgba(255,255,255,0.06)}
.site-nav.dark-mode .nav-brand{color:#fff}
.site-nav.dark-mode .nav-brand svg path{fill:#fff}
.site-nav.dark-mode .nav-links a{color:rgba(255,255,255,0.5)}
.site-nav.dark-mode .nav-links a:hover,.site-nav.dark-mode .nav-links a.active{color:#fff}
.site-nav.dark-mode .nav-apply{background:#fff;color:#0a0e18}
.nav-brand{font-family:'Space Grotesk',sans-serif;font-size:0.9rem;font-weight:700;color:#0a0e18;letter-spacing:0.02em;display:flex;align-items:center;gap:0.5rem;transition:color 0.4s}
.nav-brand svg{width:22px;height:22px}
.nav-brand img{width:22px;height:22px;object-fit:contain}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{font-family:'Inter',sans-serif;font-size:0.82rem;font-weight:500;color:rgba(10,14,24,0.55);text-decoration:none;letter-spacing:0.01em;transition:color 0.3s}
.nav-links a:hover,.nav-links a.active{color:#0a0e18}
.nav-apply{padding:0.45rem 1.4rem;background:#0a0e18;color:#fff;border-radius:8px;font-family:'Space Grotesk',sans-serif;font-size:0.8rem;font-weight:600;text-decoration:none;transition:all 0.3s}
.nav-apply:hover{background:#1a2030}

/* ===== SIDE NAV DOTS ===== */
.side-dots{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:90;display:flex;flex-direction:column;gap:0.8rem;opacity:0;transition:opacity 0.6s ease}
.side-dots.visible{opacity:1}
.side-dot{width:8px;height:8px;border-radius:50%;background:rgba(10,14,24,0.15);transition:all 0.3s;cursor:pointer;border:none;padding:0}
.side-dot.active{background:rgba(10,14,24,0.6);transform:scale(1.4)}
.side-dot:hover{background:rgba(10,14,24,0.4)}
.side-dots.on-dark .side-dot{background:rgba(255,255,255,0.2)}
.side-dots.on-dark .side-dot.active{background:rgba(255,255,255,0.7)}
.side-dots.on-dark .side-dot:hover{background:rgba(255,255,255,0.5)}

/* ===== HAMBURGER ===== */
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:0.4rem;color:#0a0e18;line-height:1;transition:color 0.3s;flex-shrink:0}
.site-nav.dark-mode .nav-hamburger{color:#fff}

@media(max-width:768px){
  .side-dots{display:none}
  .nav-links{display:none;position:fixed;top:56px;left:0;right:0;flex-direction:column;gap:0;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,0.06);padding:0.5rem 0;z-index:99}
  .nav-links.open{display:flex}
  .nav-links li{width:100%}
  .nav-links a{display:block;padding:0.75rem 2rem;font-size:0.9rem;border-bottom:1px solid rgba(0,0,0,0.04)}
  .nav-links a:last-child{border-bottom:none}
  .site-nav.dark-mode .nav-links{background:rgba(10,14,24,0.98);border-bottom-color:rgba(255,255,255,0.06)}
  .site-nav.dark-mode .nav-links a{border-bottom-color:rgba(255,255,255,0.04)}
  .nav-hamburger{display:flex;align-items:center;justify-content:center}
  .instructor-card .role{max-height:none;opacity:1}
}