:root{color-scheme:dark;--midnight:#070B1F;--panel:#0D1436;--ice:#F5F7FF;--muted:#B4B8D8;--dim:#8A8FB5;--cyan:#35E8FF;--pink:#FF2D75;--line:rgba(255,255,255,.10);--font-display:"Sora","Manrope",system-ui,sans-serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(122,56,255,.16),transparent 40%),radial-gradient(circle at 90% 10%,rgba(0,191,255,.12),transparent 40%),var(--midnight);background-attachment:fixed;color:var(--ice);font:400 1.0625rem/1.7 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:var(--cyan)}
a:hover{color:var(--ice)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:12px;top:-60px;padding:12px 18px;border-radius:999px;background:var(--ice);color:var(--midnight);font:700 .95rem/1 var(--font-display);text-decoration:none;z-index:10}
.skip:focus{top:12px}
.wrap{max-width:780px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
header{border-bottom:1px solid var(--line);background:rgba(7,11,31,.8)}
header .wrap{max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
header img{height:40px;width:auto}
.back{font:600 .92rem/1 var(--font-display);color:var(--muted);text-decoration:none;padding:10px 14px;border-radius:999px;border:1px solid var(--line)}
.back:hover{color:var(--ice);border-color:rgba(53,232,255,.4)}
main{padding-block:clamp(48px,8vw,88px)}
.eyebrow{font:700 .76rem/1 var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
h1{font:800 clamp(2.2rem,5vw,3.2rem)/1.08 var(--font-display);letter-spacing:-.025em;margin:14px 0 10px;text-wrap:balance}
.meta{color:var(--dim);font-size:.95rem;margin:0 0 36px}
h2{font:700 1.3rem/1.3 var(--font-display);letter-spacing:-.01em;margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--line)}
p,li{color:var(--muted)}
p{margin:0 0 14px}
ul{padding-left:1.2em;margin:0 0 14px}
li{margin-bottom:6px}
strong{color:var(--ice);font-weight:600}
.note{padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--line);margin-bottom:28px}
.note p{margin:0}
footer{border-top:1px solid var(--line);padding-block:28px;color:var(--dim);font-size:.88rem}
footer .wrap{max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--muted)}