header#hdr{position:sticky;top:0;z-index:900;transition:all .35s ease;
  background:rgba(250,250,248,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent}
header#hdr.scrolled{background:rgba(250,250,248,.92);border-bottom:1px solid var(--line);box-shadow:0 6px 24px -18px rgba(37,30,74,.4)}
#hdr .nav{display:flex;align-items:center;gap:34px;height:74px}
#hdr .logo{display:flex;align-items:center;gap:11px}
#hdr .logo-mark{display:block;-webkit-mask:var(--logo) left center/contain no-repeat;mask:var(--logo) left center/contain no-repeat;background:var(--brand);transition:.25s}
#hdr .logo:hover .logo-mark{background:#4a3f96}
#hdr .hdr-logo{width:128px;height:38px}
#hdr .nav-links{display:flex;align-items:center;gap:6px;margin-left:14px}
#hdr .nav-links>a,#hdr .dd>button{font:inherit;font-size:15.5px;color:var(--ink);background:none;border:0;cursor:pointer;padding:9px 13px;border-radius:10px;font-weight:500;display:flex;align-items:center;gap:5px;transition:.2s;text-decoration:none}
#hdr .nav-links>a:hover,#hdr .dd>button:hover{background:var(--tint);color:var(--brand)}
#hdr .dd{position:relative}
#hdr .dd>button svg{width:12px;height:12px;transition:.25s}
#hdr .dd:hover>button svg{transform:rotate(180deg)}
#hdr .dd-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:268px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-m);padding:9px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
#hdr .dd:hover .dd-panel{opacity:1;visibility:visible;transform:translateY(0)}
#hdr .dd-panel a{display:block;padding:11px 13px;border-radius:10px;font-size:15px;transition:.18s;text-decoration:none;color:var(--ink)}
#hdr .dd-panel a:hover{background:var(--tint);color:var(--brand)}
#hdr .dd-panel a span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
#hdr .nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}
#hdr .login>button{gap:7px}
#hdr .burger{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px}
#hdr .burger span{width:24px;height:2px;background:var(--night);border-radius:2px;transition:.3s}

.mob{position:fixed;inset:0;background:rgba(250,250,248,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:950;transform:translateX(100%);transition:.4s;padding:90px 28px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.mob.open{transform:none}
.mob-close{position:absolute;top:22px;right:22px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:38px;line-height:1;font-weight:300;background:none;border:0;color:var(--night);cursor:pointer;padding:0}
.mob>a{font-family:'Geologica';font-size:26px;font-weight:600;color:var(--night);padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.mob .btn{margin-top:24px;justify-content:center}
.mob-group{display:flex;flex-direction:column}
.mob-head{font-family:'Geologica';font-size:26px;font-weight:600;color:var(--night);background:none;border:0;border-bottom:1px solid var(--line);padding:14px 0;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}
.mob-head svg{width:22px;height:22px;flex:none;color:var(--soft);transition:.3s}
.mob-head.on svg{transform:rotate(180deg)}
.mob-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.mob-head.on + .mob-sub{grid-template-rows:1fr}
.mob-sub-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;padding-bottom:6px}
.mob-sub a{font-size:19px;font-weight:500;color:var(--ink);padding:10px 0 10px 22px;text-decoration:none}

@media(max-width:1000px){
  #hdr .nav-links,#hdr .nav-right .btn-ghost{display:none}
  #hdr .burger{display:flex}
}