:root{--bg:#0a0b10;--surface:#11131a;--border:rgba(255,255,255,.09);--text:#e7e9ee;--muted:#98a1b3;--accent:#a99dff;--accent2:#22d3ee}
@media (prefers-color-scheme: light){:root{--bg:#ffffff;--surface:#f6f7fb;--border:rgba(10,11,16,.1);--text:#0a0b10;--muted:#5b6475;--accent:#5242e0;--accent2:#0e7490}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:42rem;margin:0 auto;padding:4.5rem 1.25rem 3rem}
.mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#8b7cff,#22d3ee);display:grid;place-items:center;margin-bottom:1.75rem}
.mark svg{width:24px;height:24px}
.eyebrow{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem}
h1{font-size:clamp(1.9rem,5vw,2.5rem);line-height:1.15;letter-spacing:-.025em;margin:0 0 1rem;font-weight:700;text-wrap:balance}
h2{font-size:1.15rem;letter-spacing:-.01em;margin:2.4rem 0 .5rem;font-weight:650}
p{margin:0 0 1rem;color:var(--muted)}
p.lead{font-size:1.1rem;color:var(--text)}
ul{margin:0 0 1rem;padding-left:1.2rem;color:var(--muted)}
li{margin-bottom:.45rem}
strong{color:var(--text);font-weight:600}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent2)}
.card{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:1.1rem 1.25rem;margin:1.75rem 0}
.card p:last-child{margin-bottom:0}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--muted);display:flex;gap:1.25rem;flex-wrap:wrap}