:root{
  color-scheme:dark;
  --bg:#0b0e13; --bg2:#10141b; --surface:#151a23; --surface2:#1b2230; --line:#252e3d; --line2:#323d50;
  --text:#e9edf3; --muted:#909bad; --faint:#5f6a7c;
  --fox:#2b9be3; --fox-deep:#0078bb; --fox-soft:rgba(43,155,227,.13);
  --lume:#ffb547; --lume-soft:rgba(255,181,71,.12);
  --ok:#3fcf8e; --warn:#ff8a4c;
  --display:"Saira Condensed","Arial Narrow",system-ui,sans-serif;
  --body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
  --r:14px; --wrap:1180px;
}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(11,14,19,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font:700 21px/1 var(--display);letter-spacing:.02em;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand .logo{width:40px;height:40px;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.logo-box{position:relative;display:inline-flex;flex:none;isolation:isolate}
.logo-box::before{content:"";position:absolute;inset:0;z-index:-1;background:#2b9be3;-webkit-mask:url(/assets/brand/logo-128.webp) center/contain no-repeat;mask:url(/assets/brand/logo-128.webp) center/contain no-repeat;filter:blur(5px);opacity:0;will-change:opacity;animation:foxBreath 3.2s ease-in-out infinite}
.brand .logo-live{transform-origin:50% 90%;will-change:transform;-webkit-backface-visibility:visible;backface-visibility:visible}
.brand .logo-live.tilt{animation:foxTilt 1.4s cubic-bezier(.3,.7,.3,1)}
.brand .logo-live.spin{animation:foxSpin 1.6s cubic-bezier(.45,.05,.25,1) .3s both}
@keyframes foxSpin{from{transform:perspective(300px) rotateY(0)}to{transform:perspective(300px) rotateY(360deg)}}
@keyframes foxBreath{0%,100%{opacity:0}50%{opacity:.9}}
.logo-box.moving::before{animation:none;opacity:0}
.fox-shine{position:relative;display:block;width:fit-content}
.fox-shine i{position:absolute;left:0;top:0;width:160px;height:160px;pointer-events:none;-webkit-mask:url(/assets/brand/logo-512.webp) center/contain no-repeat;mask:url(/assets/brand/logo-512.webp) center/contain no-repeat;background:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.8) 50%,transparent 56%) no-repeat;background-size:300% 100%;background-position:120% 0}
.fox-shine.go i{animation:foxShine 1.1s ease-in-out}
@keyframes foxShine{from{background-position:120% 0}to{background-position:-20% 0}}
@media (prefers-reduced-motion: reduce){.fox-shine.go i{animation:none}}
@keyframes foxTilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
@media (prefers-reduced-motion: reduce){.brand .logo-live.tilt,.brand .logo-live.spin{animation:none}}
.brand small{display:block;font:500 10.5px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
nav.main{display:flex;gap:4px;margin-left:auto}
nav.main a{color:var(--muted);font-weight:600;font-size:15px;padding:8px 12px;border-radius:9px;white-space:nowrap}
nav.main a:hover{color:var(--text);background:var(--surface);text-decoration:none}
nav.main a[aria-current="page"]{color:var(--text);background:var(--surface2)}
.nd{position:relative}
.nd-btn{display:flex;align-items:center;gap:5px;background:none;border:0;color:var(--muted);font:600 15px var(--body);padding:8px 12px;border-radius:9px;cursor:pointer;white-space:nowrap}
.nd-btn svg{width:11px;height:11px;transition:transform .15s}
.nd-btn:hover,.nd.open .nd-btn{color:var(--text);background:var(--surface)}
.nd.open .nd-btn svg{transform:rotate(180deg)}
.nd:has(a[aria-current]) .nd-btn{color:var(--text);background:var(--surface2)}
.nd-btn:focus-visible{outline:2px solid var(--fox);outline-offset:2px}
.nd-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;flex-direction:column;gap:2px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 14px 36px rgba(0,0,0,.45);z-index:60}
.nd.open .nd-menu{display:flex}
nav.main .nd-menu a{padding:9px 12px}
nav.main a.nav-gift{color:var(--fox);border:1px solid rgba(43,155,227,.45);background:var(--fox-soft);margin-left:6px}
nav.main a.nav-gift:hover,nav.main a.nav-gift[aria-current="page"]{color:#fff;background:var(--fox);border-color:var(--fox)}
.menu-btn{display:none;margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:42px;height:42px}
@media (max-width:1080px){nav.main{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;background:var(--bg2);border-bottom:1px solid var(--line);padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));
    max-height:calc(100vh - 64px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 64px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
nav.main.open{display:flex}
:root.nav-lock{overflow:hidden}
:root.nav-lock body{overflow:clip}
nav.main a{font-size:17px;padding:12px}
.nd-btn,.nd:has(a[aria-current]) .nd-btn{pointer-events:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:14px 12px 2px;background:none}
.nd-btn svg{display:none}
.nd-menu{display:flex;position:static;min-width:0;background:none;border:0;box-shadow:none;padding:0}
nav.main .nd-menu a{padding:10px 12px 10px 20px}
nav.main a.nav-gift{order:-1;margin:0 0 6px;text-align:center}
.menu-btn{display:grid;place-items:center}}
.langsw{display:inline-flex;align-items:center;gap:2px;margin-left:10px;border:1px solid var(--line2);border-radius:9px;padding:3px;font:700 12.5px/1 var(--body);letter-spacing:.06em}
.langsw b,.langsw a{padding:6px 8px;border-radius:6px}
.langsw b{background:var(--surface2);color:var(--text)}
.langsw a{color:var(--muted)}
.langsw a:hover{color:var(--text);text-decoration:none;background:var(--surface)}
@media (max-width:1120px){.langsw{margin:8px 12px 0;align-self:flex-start}}
.brand-banner{margin:-40px 0 40px}
.brand-banner img{display:block;width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.brand-banner figcaption{margin-top:8px;font-size:11.5px;color:var(--faint);text-align:right}
@media(max-width:640px){.brand-banner{margin:-40px -16px 28px}
.brand-banner img{border-radius:0;border-left:0;border-right:0}
.brand-banner figcaption{padding:0 16px}}
.method .logos{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:45%}
@media (max-width:560px){.method .logos{order:3;margin-left:32px;max-width:none;justify-content:flex-start}}