:root{--bg:#0a0a0f;--bg2:#07070b;--text:#fff;--muted:rgba(255,255,255,.7);--stroke:rgba(255,255,255,.12);--radius:22px}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);-webkit-tap-highlight-color:transparent}
a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.wrap{max-width:980px;width:92%;margin:0 auto}
.section{padding:84px 0}
.section-title{text-align:center;font-size:clamp(28px,4.6vw,44px);margin:0 0 28px}
.muted{color:var(--muted)}
*:focus{outline:0}
:focus-visible{box-shadow:0 0 0 3px rgba(126,122,247,.55);border-radius:12px}

.nav{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--stroke)}
.nav-inner{max-width:980px;width:92%;margin:0 auto;height:72px;display:flex;align-items:center;gap:16px}
.brand img{height:34px;display:block;transition:transform .25s,filter .25s}
.brand:hover img{transform:translateY(-1px);filter:drop-shadow(0 0 12px rgba(126,122,247,.55)) drop-shadow(0 0 28px rgba(255,122,214,.35))}
.links{margin-left:auto;display:flex;gap:12px;align-items:center;color:var(--muted)}
.links a[aria-current="page"]{text-decoration:none;color:#fff}

.card{padding:26px;border-radius:var(--radius);border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));box-shadow:0 20px 60px rgba(0,0,0,.35);margin:18px 0}
.card h2{margin:0 0 10px;font-size:22px}
.card p{margin:8px 0;color:var(--muted);line-height:1.6}

.note{margin-top:16px;text-align:right}
.site-footer{border-top:1px solid var(--stroke);padding:22px 0;text-align:center;color:var(--muted);font-family:"Space Mono",ui-monospace,monospace}