:root { color-scheme: dark; --red:#ff304f; --gold:#ffc857; --ink:#070810; --panel:#111522; --text:#f4f6ff; --muted:#aab2c8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 50% -20%,#351536 0,#101321 38%,var(--ink) 75%); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.hero { padding:72px 24px 46px; text-align:center; border-bottom:1px solid #292e40; }
.scanner { width:min(340px,75vw); height:4px; margin:0 auto 32px; border-radius:10px; background:linear-gradient(90deg,transparent,var(--red),#fff,var(--red),transparent); box-shadow:0 0 18px var(--red); }
.eyebrow { margin:0 0 6px; color:var(--gold); font-size:.72rem; letter-spacing:.32em; font-weight:800; }
h1 { margin:0; font-size:clamp(3rem,11vw,6.4rem); line-height:.95; letter-spacing:-.055em; text-transform:uppercase; }
.lead { max-width:650px; margin:22px auto 0; color:var(--muted); font-size:1.1rem; }
.cards,.document { width:min(960px,calc(100% - 40px)); margin:42px auto 72px; }
.cards { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.card { min-height:190px; padding:26px; text-decoration:none; border:1px solid #30374b; border-radius:18px; background:linear-gradient(145deg,rgba(25,30,48,.92),rgba(12,14,24,.92)); transition:.18s ease; }
.card:hover { transform:translateY(-3px); border-color:var(--red); box-shadow:0 14px 38px #0008; }
.card span { color:var(--red); font:800 .75rem/1 system-ui; letter-spacing:.16em; }
.card h2 { margin:32px 0 5px; font-size:1.45rem; }
.card p,.document p,.document li { color:var(--muted); }
.document { padding:38px; border:1px solid #30374b; border-radius:20px; background:rgba(15,18,31,.9); }
.document h1 { font-size:clamp(2.2rem,8vw,4.2rem); text-transform:none; }
.document h2 { margin-top:34px; color:var(--gold); }
.back { display:inline-block; margin-bottom:28px; color:var(--red); text-decoration:none; font-weight:750; }
.updated { color:var(--gold)!important; font-size:.9rem; }
.contact { padding:18px 20px; border-left:3px solid var(--red); background:#080a12; }
footer { padding:24px; text-align:center; color:#747d97; border-top:1px solid #222739; font-size:.86rem; }
@media (max-width:650px) { .cards { grid-template-columns:1fr; } .hero { padding-top:54px; } .document { padding:25px; } }