* {box-sizing:border-box;margin:0;padding:0}

body {font-family:'DM Sans',sans-serif;background:#0d141a;color:#e2eaf2}

.nav {
  display:flex;align-items:center;justify-content:space-between;
  padding:.7rem 2.5rem;
  position:absolute;top:0;left:0;right:0;z-index:20;
  background:rgba(10,15,20,0.85);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:0.5px solid rgba(255,255,255,.07);
}

.nav-logo {
  font-family:'NunitoEmbed',sans-serif;font-size:20px;font-weight:900;
  letter-spacing:.02em;color:#fff;flex-shrink:0;
}

.nav-logo span {color:#e1b766}

.nav-links {display:flex;align-items:center;gap:.1rem}

.nav-link {
  font-size:13px;font-weight:500;color:rgba(255,255,255,.75);
  text-decoration:none;letter-spacing:.01em;
  padding:.5rem .9rem;border-radius:6px;
  background:none;border:none;cursor:pointer;
  font-family:'DM Sans',sans-serif;
  display:flex;align-items:center;gap:5px;
  white-space:nowrap;transition:color .18s;
}

.nav-link:hover {color:#fff}

.nav-link.active {
  color:#e1b766;font-weight:600;
  position:relative;
}

.nav-link.active::after {
  content:'';position:absolute;bottom:0;left:.9rem;right:.9rem;
  height:1.5px;background:#e1b766;border-radius:2px;
}

.nav-drop-btn svg {opacity:.55;transition:transform .2s}

.nav-dropdown.open .nav-drop-btn svg {transform:rotate(180deg);opacity:.9}

.nav-dropdown {position:relative}

.nav-drop-menu {
  position:absolute;top:calc(100% + 10px);left:50%;
  transform:translateX(-50%) translateY(-6px);
  background:rgba(12,18,25,0.97);
  border:0.5px solid rgba(255,255,255,.1);
  border-radius:10px;padding:.5rem;
  min-width:190px;
  opacity:0;visibility:hidden;
  transition:opacity .18s,transform .18s;
  backdrop-filter:blur(16px);
  box-shadow:0 12px 40px rgba(0,0,0,.5);
  z-index:100;
}

.nav-drop-menu.nav-drop-sm {min-width:80px}

.nav-dropdown.open .nav-drop-menu {
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0);
}

.nav-drop-menu a {
  display:block;padding:.5rem .9rem;font-size:12.5px;
  color:rgba(255,255,255,.65);text-decoration:none;
  border-radius:6px;transition:background .15s,color .15s;
  font-family:'DM Sans',sans-serif;
}

.nav-drop-menu a:hover {background:rgba(255,255,255,.08);color:#fff}

.nav-right {display:flex;align-items:center;gap:.5rem;flex-shrink:0}

.nav-social {display:flex;align-items:center;gap:.5rem;margin-left:.25rem}

.nav-social a {
  color:rgba(255,255,255,.55);text-decoration:none;
  display:flex;align-items:center;justify-content:center;
  padding:.3rem;transition:color .18s;
}

.nav-social a:hover {color:#fff}

.footer {padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between}

.f-logo {font-family:'NunitoEmbed',sans-serif;font-size:13px;font-weight:800;letter-spacing:.1em;color:rgba(255,255,255,.2)}

.f-logo span {color:#e1b766}

.f-links {display:flex;gap:1.25rem}

.f-links a {font-size:11px;color:rgba(255,255,255,.2);text-decoration:none;transition:color .2s}

.f-links a:hover {color:#fff}

.f-copy {font-size:9px;color:rgba(255,255,255,.1);letter-spacing:.05em}

.nav-drop-menu a.active{color:#e1b766;background:rgba(225,183,102,.08);}

.nav-drop-btn.active-parent{color:#fff}