:root { color-scheme: dark; --bg:#07111f; --surface:#0d1a2c; --line:#20324a; --text:#f5f8fc; --muted:#a9b8ca; --accent:#51d0b5; }
* { box-sizing:border-box; }
html { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); color:var(--text); }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 10%,#123653 0,transparent 36%),var(--bg); }
a { color:inherit; }
.shell { width:min(1080px,calc(100% - 40px)); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:24px 0; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-weight:750; text-decoration:none; letter-spacing:.01em; }
.mark { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; color:#041712; background:var(--accent); font-size:14px; }
nav { display:flex; gap:24px; }
nav a { color:var(--muted); text-decoration:none; font-size:15px; }
nav a:hover,nav a:focus { color:var(--text); }
main { padding:80px 0 96px; }
.hero { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:64px; min-height:460px; }
.eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:13px; font-weight:800; }
h1 { font-size:clamp(48px,8vw,92px); line-height:.94; letter-spacing:-.055em; margin:18px 0 28px; max-width:820px; }
.lead { color:var(--muted); font-size:20px; line-height:1.6; max-width:700px; }
.card { padding:28px; border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(18,40,66,.92),rgba(9,24,40,.92)); box-shadow:0 26px 80px rgba(0,0,0,.28); }
.card strong { display:block; font-size:22px; margin-bottom:12px; }
.card p { color:var(--muted); line-height:1.6; margin:0; }
.links { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:64px; }
.links a { padding:24px; border:1px solid var(--line); border-radius:18px; text-decoration:none; background:rgba(13,26,44,.72); }
.links span { display:block; color:var(--muted); margin-top:8px; }
.document { max-width:800px; }
.document h1 { font-size:clamp(42px,7vw,72px); }
.document h2 { font-size:24px; margin:42px 0 12px; }
.document p,.document li { color:var(--muted); font-size:17px; line-height:1.75; }
.document li+li { margin-top:8px; }
.meta { color:var(--accent); font-size:14px; font-weight:700; }
footer { display:flex; justify-content:space-between; gap:24px; padding:28px 0 42px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
footer div { display:flex; gap:18px; }
@media (max-width:760px) { .shell{width:min(100% - 28px,1080px)} header{align-items:flex-start;gap:24px} nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.hero{grid-template-columns:1fr;gap:36px;min-height:auto}.links{grid-template-columns:1fr}main{padding:56px 0 72px}footer{flex-direction:column} }