:root { --navy: #0B1220; --card: #141C2E; --lime: #C6FF3D; --ink: #F2F4F7; --muted: #8A96AD; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--navy); color: var(--ink); font: 17px/1.6 "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 80px; }
a { color: var(--lime); }
nav { display: flex; gap: 20px; align-items: center; margin-bottom: 48px; font-weight: 600; }
nav .brand { font-size: 20px; font-weight: 900; letter-spacing: .02em; color: var(--ink); text-decoration: none; margin-inline-end: auto; }
nav a { text-decoration: none; }
h1 { font-size: 44px; line-height: 1.1; margin: 0 0 16px; font-weight: 900; }
h2 { font-size: 22px; margin: 36px 0 8px; }
.lead { font-size: 20px; color: var(--muted); }
.card { background: var(--card); border-radius: 16px; padding: 20px 24px; margin: 24px 0; }
.muted { color: var(--muted); font-size: 14px; }
ul { padding-inline-start: 20px; }
footer { margin-top: 64px; color: var(--muted); font-size: 14px; }
@media (max-width: 520px) { h1 { font-size: 34px; } nav { gap: 14px; } }
select.lang { appearance: none; -webkit-appearance: none; background: transparent; color: var(--ink); border: 1px solid #3A4766; border-radius: 999px; padding: 5px 12px; font: 600 14px "Sora", -apple-system, sans-serif; cursor: pointer; }
select.lang option { color: #0B1220; }
@media (max-width: 520px) { nav { flex-wrap: wrap; } }