:root{
  --hh-bg:#0b0c14;
  --hh-panel:rgba(18,18,30,.78);
  --hh-panel-2:rgba(24,22,35,.62);
  --hh-ink:#f4efe7;
  --hh-muted:#b9b0c5;
  --hh-lav:#c9a7ff;
  --hh-pink:#e4a6cf;
  --hh-aqua:#8ed7d1;
  --hh-amber:#e8bf7f;
  --hh-sage:#a7c8a4;
  --hh-border:rgba(255,255,255,.12);
  --hh-shadow:0 18px 60px rgba(0,0,0,.34);
  --hh-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--hh-bg)}
body{background-color:var(--hh-bg);color:var(--hh-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.055;background-image:radial-gradient(circle at 20% 20%,#fff 0 1px,transparent 1.2px),radial-gradient(circle at 80% 40%,#fff 0 1px,transparent 1.2px);background-size:33px 33px,47px 47px;mix-blend-mode:screen}
a,button,input,textarea,select{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--hh-aqua);outline-offset:3px}
img{max-width:100%}
.site-header, body>header:not(.profile-page-header){backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(7,8,15,.9),rgba(7,8,15,.62));box-shadow:0 8px 30px rgba(0,0,0,.18)}
.site-header .brand,.site-header>a.brand,header .brand{letter-spacing:.12em;text-shadow:0 0 14px rgba(201,167,255,.35),0 0 32px rgba(142,215,209,.12)}
.site-header nav{display:flex;align-items:center;gap:clamp(8px,1.25vw,20px)}
.site-header nav a{position:relative;text-decoration:none;letter-spacing:.08em;font-size:clamp(.68rem,.75vw,.82rem);opacity:.76;white-space:nowrap}
.site-header nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--hh-lav),var(--hh-aqua));box-shadow:0 0 10px rgba(201,167,255,.8);transition:left .2s ease,right .2s ease}
.site-header nav a:hover,.site-header nav a.active{opacity:1;color:#fff;text-shadow:0 0 10px rgba(201,167,255,.35)}
.site-header nav a:hover::after,.site-header nav a.active::after{left:6%;right:6%}
.hh-menu{display:none;border:1px solid var(--hh-border);background:rgba(255,255,255,.04);color:var(--hh-ink);border-radius:999px;padding:9px 13px;font:inherit;letter-spacing:.08em;cursor:pointer}
main{isolation:isolate}
section{position:relative}
h1,h2,h3{letter-spacing:-.02em}
p{line-height:1.65}
button,.button,[class*="btn"],a[class*="button"]{border-radius:999px}
article,.card,.panel,[class*="card"],[class*="panel"]{box-shadow:var(--hh-shadow)}
input,textarea,select{border-radius:14px!important;background:rgba(10,10,18,.72)!important;color:var(--hh-ink)!important;border:1px solid rgba(255,255,255,.14)!important}
input::placeholder,textarea::placeholder{color:#8f8998}
.hh-reveal{opacity:0;transform:translateY(18px)}
.hh-reveal.hh-in{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1)}
.hh-glow-title{background:linear-gradient(90deg,var(--hh-ink),var(--hh-lav),var(--hh-aqua),var(--hh-ink));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:hhShimmer 9s linear infinite;text-shadow:none!important}
@keyframes hhShimmer{to{background-position:200% center}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hh-reveal{opacity:1;transform:none}}
@media (max-width:920px){
  .site-header,body>header:not(.profile-page-header){padding-left:18px!important;padding-right:18px!important;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:1000}
  .hh-menu{display:inline-flex;align-items:center;justify-content:center;z-index:1002}
  .site-header nav{position:fixed;top:68px;left:12px;right:12px;padding:18px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;border:1px solid var(--hh-border);border-radius:20px;background:rgba(10,10,18,.97);box-shadow:0 24px 70px rgba(0,0,0,.52);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s ease;z-index:1001}
  .site-header.hh-open nav{opacity:1;pointer-events:auto;transform:none}
  .site-header nav a{padding:12px;border-radius:12px;background:rgba(255,255,255,.035);text-align:center}
  .site-header nav a::after{display:none}
}
@media (max-width:640px){
  body{font-size:15px}
  h1{font-size:clamp(2.2rem,12vw,4rem)!important}
  h2{font-size:clamp(1.65rem,8vw,2.7rem)!important}
  section{scroll-margin-top:76px}
  .site-header nav{grid-template-columns:1fr}
}