﻿/* â”€â”€ NAVBAR â”€â”€ */
nav{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  padding:1rem 2rem;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(10,6,17,0.6);
  backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--border);
  transition:all 0.4s ease;
}
nav.scrolled{
  background:rgba(10,6,17,0.9);
  padding:0.75rem 2rem;
}
.nav-logo{
  display:flex;align-items:center;gap:0.75rem;
  text-decoration:none;
}
.logo-mark{
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  border-radius:14px;
  overflow:hidden;
  filter:drop-shadow(0 0 16px rgba(255,79,163,0.28));
  transition:transform 0.3s ease,filter 0.3s ease;
}
.logo-mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.nav-logo:hover .logo-mark{
  transform:translateY(-1px);
  filter:drop-shadow(0 0 26px rgba(255,79,163,0.42));
}
.logo-text{
  font-family:var(--font-display);
  font-size:1.2rem;font-weight:700;
  background:linear-gradient(90deg,var(--pink),var(--gold));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.nav-links{display:flex;align-items:center;gap:2rem}
.nav-links a{
  color:#fff;font-size:0.875rem;font-weight:500;
  text-decoration:none;letter-spacing:0.05em;
  transition:color 0.3s;position:relative;
}
.nav-links a[aria-current="page"]{color:var(--pink)}
.nav-links a[aria-current="page"]::after{width:100%}
.nav-links a::after{
  content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;
  background:var(--pink);transition:width 0.3s;
}
.nav-links a:not(.nav-cta):hover{color:var(--pink)}
.nav-links a:not(.nav-cta):hover::after{width:100%}
.nav-cta{
  background:linear-gradient(135deg,var(--pink),var(--pink-dim));
  color:#fff;border:none;border-radius:50px;
  padding:0.55rem 1.4rem;
  font-family:var(--font-body);font-size:0.875rem;font-weight:500;
  cursor:pointer;transition:all 0.3s;
  box-shadow:0 0 20px rgba(255,79,163,0.3);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  position:relative;
  isolation:isolate;
}
.nav-links .nav-cta::after{
  display:none;
}
.nav-links .nav-cta,
.nav-links .nav-cta:hover,
.nav-links .nav-cta:focus-visible{
  color:#fff;
  -webkit-text-fill-color:#fff;
  background-clip:border-box;
}
.nav-cta .ui-icon{
  width:1rem;
  height:1rem;
  color:#fff;
  position:relative;
  z-index:1;
}
.nav-cta .nav-cta-label{
  position:relative;
  z-index:1;
  color:inherit;
}
.nav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 0 35px rgba(255,79,163,0.6);
}
.hamburger{
  display:none;flex-direction:column;gap:5px;cursor:pointer;
  background:none;border:none;padding:4px;
}
.hamburger span{
  width:24px;height:2px;background:var(--text);
  border-radius:2px;transition:all 0.3s;
}
