:root { color-scheme: dark; --navy:#071629; --panel:#10243a; --cyan:#1db8c6; --amber:#f5a62a; --ink:#f7fbff; --muted:#b8c6d6; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:linear-gradient(145deg,#061222,#0b2238); color:var(--ink); line-height:1.6; }
main { width:min(820px,calc(100% - 40px)); margin:0 auto; padding:72px 0 90px; }
header { display:flex; align-items:center; gap:18px; margin-bottom:42px; }
.mark { width:72px; height:72px; border-radius:17px; }
h1 { margin:0; font-size:clamp(2.2rem,6vw,4.4rem); line-height:1.05; letter-spacing:-.04em; }
h2 { margin-top:38px; line-height:1.2; }
p,li { color:var(--muted); font-size:1.08rem; }
.lead { font-size:1.3rem; max-width:650px; }
.card { background:color-mix(in srgb,var(--panel) 90%,transparent); border:1px solid #ffffff18; border-radius:22px; padding:24px; margin:24px 0; }
a { color:#6ee5ed; }
nav { display:flex; flex-wrap:wrap; gap:18px; margin-top:36px; }
.button { display:inline-block; padding:13px 18px; color:var(--navy); background:var(--cyan); border-radius:12px; text-decoration:none; font-weight:700; }
footer { margin-top:56px; padding-top:24px; border-top:1px solid #ffffff20; color:var(--muted); }
strong { color:var(--ink); }