:root { color-scheme: dark; --bg:#08111d; --surface:#101e31; --line:#29405d; --ink:#eef5ff; --muted:#aabdd3; --accent:#69c1ff; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(ellipse at top right,#132e46 0%,var(--bg) 55%); color:var(--ink); font:16px/1.75 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; min-height:100vh; }
.wrap { max-width:790px; margin:0 auto; padding:46px 22px 90px; }
header { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:34px; }
.brand { font-weight:750; font-size:18px; letter-spacing:.01em; }
nav a { color:var(--muted); text-decoration:none; margin-left:14px; }
nav a:hover, a:hover { color:white; }
.tag { display:inline-block; padding:5px 12px; font-size:13px; background:#143453; color:#a8dcff; border:1px solid #285a7e; border-radius:30px; }
h1 { font-size:clamp(32px,5vw,52px); line-height:1.15; letter-spacing:-.04em; margin:21px 0; }
h2 { font-size:23px; margin:35px 0 7px; }
p,li { color:var(--muted); }
.lead { font-size:19px; line-height:1.75; }
.card { margin-top:30px; padding:26px; border:1px solid var(--line); background:rgba(16,30,49,.85); border-radius:18px; }
a { color:var(--accent); }
ul { padding-left:21px; }
footer { margin-top:56px; border-top:1px solid var(--line); padding-top:22px; color:var(--muted); font-size:13px; }
small { color:var(--muted); }