.site-nav{
  position:sticky;
  top:1rem;
  z-index:100;
  width:min(1140px,calc(100vw - 3rem));
  margin:1.5rem auto 2.25rem;
  padding:.55rem;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.75rem;
  background:rgba(6,8,15,.78);
  border:1px solid rgba(148,163,184,.16);
  border-radius:999px;
  box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-sizing:border-box;
}
.nav-logo{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:38px;
  padding:0 .75rem;
  color:var(--text);
  font-size:.92rem;
  font-weight:800;
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
}
.nav-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 0 4px rgba(34,197,94,.10),0 0 14px rgba(34,197,94,.34)}
.nav-logo .ver{display:none}
.nav-hamburger{display:none}
.nav-links{display:contents}
.nav-main-links{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.2rem;
  min-width:0;
  padding:.18rem;
  border:1px solid rgba(148,163,184,.10);
  border-radius:999px;
  background:rgba(2,6,23,.22);
}
.nav-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.45rem;
}
.nav-main-links>a,.nav-dropdown-toggle,.nav-cta{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.38rem;
  padding:0 .72rem;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:var(--text-dim);
  font-family:inherit;
  font-size:.8rem;
  font-weight:750;
  letter-spacing:.005em;
  line-height:1;
  white-space:nowrap;
  text-decoration:none;
  cursor:pointer;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .12s ease,box-shadow .18s ease;
}
.nav-main-links>a:hover,.nav-main-links>a.active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active,.nav-dropdown.open .nav-dropdown-toggle{
  color:var(--text);
  background:rgba(148,163,184,.10);
  border-color:rgba(148,163,184,.12);
}
.nav-main-links>a:active,.nav-dropdown-toggle:active,.nav-cta:active,.theme-toggle:active{transform:scale(.98)}
.nav-sep{display:none}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-toggle svg{width:10px;height:6px;transition:transform .18s ease;opacity:.78}
.nav-dropdown.open .nav-dropdown-toggle svg,.nav-dropdown:hover .nav-dropdown-toggle svg{transform:rotate(180deg)}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + .7rem);
  left:50%;
  min-width:250px;
  padding:.55rem;
  display:grid;
  gap:.12rem;
  background:rgba(13,17,23,.96);
  border:1px solid rgba(148,163,184,.16);
  border-radius:18px;
  box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-8px) scale(.98);
  transition:opacity .16s ease,visibility .16s ease,transform .16s ease;
}
.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.nav-dropdown-label{padding:.45rem .65rem .35rem;color:var(--text-muted,var(--text-dim));font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.nav-dropdown-menu a{display:flex;align-items:center;min-height:36px;padding:.58rem .7rem;border-radius:12px;font-size:.84rem;font-weight:650;color:var(--text-dim);text-decoration:none;transition:background .16s ease,color .16s ease,transform .12s ease}
.nav-dropdown-menu a:hover{background:rgba(148,163,184,.09);color:var(--text);transform:translateX(1px)}
.nav-cta.login{min-height:38px;padding:0 .95rem;border-color:rgba(96,165,250,.28);background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(139,92,246,.14));color:#dbeafe;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.nav-cta.login:hover,.nav-cta.login.active{color:#fff;border-color:rgba(96,165,250,.52);background:linear-gradient(135deg,rgba(59,130,246,.28),rgba(139,92,246,.22))}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(13,17,23,.58);color:var(--text-dim);cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .12s ease;flex-shrink:0}
.theme-toggle:hover{color:var(--text);border-color:var(--border-hover);background:var(--bg-card-hover)}
.theme-icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-icon-sun{display:none}
html[data-theme="dark"] .theme-icon-sun{display:block}
html[data-theme="dark"] .theme-icon-moon{display:none}
html:not([data-theme="dark"]) .site-nav{background:rgba(255,255,255,.82);border-color:rgba(203,213,225,.9);box-shadow:0 18px 55px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.86)}
html:not([data-theme="dark"]) .nav-logo .dot{box-shadow:0 0 0 4px rgba(22,163,74,.10),0 0 12px rgba(22,163,74,.20)}
html:not([data-theme="dark"]) .nav-main-links{background:rgba(241,245,249,.66);border-color:rgba(203,213,225,.74)}
html:not([data-theme="dark"]) .nav-main-links>a:hover,html:not([data-theme="dark"]) .nav-main-links>a.active,html:not([data-theme="dark"]) .nav-dropdown-toggle:hover,html:not([data-theme="dark"]) .nav-dropdown-toggle.active,html:not([data-theme="dark"]) .nav-dropdown.open .nav-dropdown-toggle{background:#fff;border-color:rgba(203,213,225,.95);color:#0f172a;box-shadow:0 8px 22px rgba(15,23,42,.06)}
html:not([data-theme="dark"]) .nav-dropdown-menu{background:rgba(255,255,255,.98);border-color:rgba(203,213,225,.9);box-shadow:0 20px 55px rgba(15,23,42,.14),inset 0 1px 0 rgba(255,255,255,.92)}
html:not([data-theme="dark"]) .nav-dropdown-menu a:hover{background:#f1f5f9;color:#0f172a}
html:not([data-theme="dark"]) .nav-cta.login{color:#1d4ed8;border-color:rgba(37,99,235,.28);background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(124,58,237,.08))}
html:not([data-theme="dark"]) .nav-cta.login:hover,html:not([data-theme="dark"]) .nav-cta.login.active{color:#1e40af;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(124,58,237,.12))}
html:not([data-theme="dark"]) .theme-toggle{background:rgba(255,255,255,.74);color:#475569;border-color:rgba(203,213,225,.95)}
html:not([data-theme="dark"]) .theme-toggle:hover{background:#fff;color:#0f172a}
@media(max-width:1040px){
  .site-nav{width:min(960px,calc(100vw - 2rem));gap:.45rem;padding:.5rem}
  .nav-logo{padding:0 .55rem;font-size:.88rem}
  .nav-main-links>a,.nav-dropdown-toggle{padding:0 .55rem;font-size:.76rem}
  .nav-cta.login{padding:0 .72rem}
}
@media(max-width:1040px){
  .site-nav{top:.75rem;display:flex;justify-content:space-between;gap:.5rem;width:min(720px,calc(100vw - 1.25rem));margin:1rem auto 1.6rem;padding:.5rem .55rem;border-radius:22px}
  .nav-logo{min-height:40px;padding:0 .45rem}
  .nav-hamburger{display:inline-flex;position:relative;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(148,163,184,.18);background:rgba(13,17,23,.52);color:var(--text);border-radius:14px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .12s ease;z-index:270;flex-shrink:0}
  .nav-hamburger:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}
  .nav-hamburger span{position:absolute;width:17px;height:2px;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease,top .18s ease}
  .nav-hamburger span:nth-child(1){top:13px}
  .nav-hamburger span:nth-child(2){top:19px}
  .nav-hamburger span:nth-child(3){top:25px}
  .nav-hamburger.open span:nth-child(1){top:19px;transform:rotate(45deg)}
  .nav-hamburger.open span:nth-child(2){opacity:0}
  .nav-hamburger.open span:nth-child(3){top:19px;transform:rotate(-45deg)}
  .nav-links{position:fixed;top:4.75rem;left:50%;z-index:250;width:min(390px,calc(100vw - 1.25rem));max-height:calc(100vh - 5.5rem);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;margin:0;padding:.75rem;border:1px solid rgba(148,163,184,.16);border-radius:22px;background:rgba(13,17,23,.98);box-shadow:0 24px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-10px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  .nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
  .nav-main-links,.nav-actions{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;width:100%;justify-content:flex-start;padding:.45rem;border-radius:18px;background:rgba(2,6,23,.24);border:1px solid rgba(148,163,184,.10)}
  .nav-actions{margin-top:0}
  .nav-main-links>a,.nav-dropdown-toggle,.nav-cta{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0 .9rem;border:1px solid transparent;border-radius:14px;color:var(--text-dim);font-size:.94rem;text-align:left;box-sizing:border-box}
  .nav-main-links>a:hover,.nav-main-links>a.active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle.active,.nav-dropdown.open .nav-dropdown-toggle{color:var(--text);background:rgba(148,163,184,.09);border-color:rgba(148,163,184,.10);box-shadow:none}
  .nav-dropdown{display:block;width:100%}
  .nav-dropdown-toggle{font-family:inherit;background:transparent}
  .nav-dropdown-menu{position:static;min-width:0;margin:.25rem 0 .2rem;padding:.2rem 0 .2rem .55rem;border:0;border-left:1px solid rgba(148,163,184,.14);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none}
  .nav-dropdown.open .nav-dropdown-menu{display:grid;transform:none}
  .nav-dropdown:hover .nav-dropdown-menu{transform:none}
  .nav-dropdown-label{padding:.45rem .65rem .25rem;font-size:.66rem}
  .nav-dropdown-menu a{min-height:38px;padding:.55rem .7rem;border-radius:12px;font-size:.9rem}
  .nav-cta.login{justify-content:center;min-height:46px;margin-top:.1rem;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:rgba(255,255,255,.10)}
  .theme-toggle{width:100%;height:44px;justify-content:flex-start;padding:0 .9rem;border-radius:14px;background:transparent;box-sizing:border-box}
  .theme-toggle::after{content:'Тема';margin-left:.62rem;font-size:.94rem;font-weight:750;color:var(--text-dim)}
  html:not([data-theme="dark"]) .nav-hamburger{background:rgba(255,255,255,.78);border-color:rgba(203,213,225,.9);color:#0f172a}
  html:not([data-theme="dark"]) .nav-links{background:rgba(255,255,255,.98);border-color:rgba(203,213,225,.9);box-shadow:0 24px 80px rgba(15,23,42,.16),inset 0 1px 0 rgba(255,255,255,.9)}
  html:not([data-theme="dark"]) .nav-main-links,html:not([data-theme="dark"]) .nav-actions{background:rgba(248,250,252,.78);border-color:rgba(203,213,225,.72)}
  html:not([data-theme="dark"]) .nav-main-links>a:hover,html:not([data-theme="dark"]) .nav-main-links>a.active,html:not([data-theme="dark"]) .nav-dropdown-toggle:hover,html:not([data-theme="dark"]) .nav-dropdown-toggle.active,html:not([data-theme="dark"]) .nav-dropdown.open .nav-dropdown-toggle{background:#fff;border-color:rgba(203,213,225,.92);color:#0f172a}
  html:not([data-theme="dark"]) .nav-dropdown-menu{border-left-color:rgba(203,213,225,.88)}
  html:not([data-theme="dark"]) .nav-cta.login{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}
}