:root { color-scheme: dark; --bg:#050813; --panel:#0d1425; --text:#f4f7fb; --muted:#aab5c7; --teal:#57c7c2; --border:rgba(87,199,194,.22); }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at 50% -10%,rgba(87,199,194,.16),transparent 38rem),var(--bg); color:var(--text); line-height:1.65; }
main { width:min(760px,calc(100% - 36px)); margin:0 auto; padding:64px 0; }
.top { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.language-switch { display:flex; gap:6px; padding:4px; border:1px solid var(--border); border-radius:12px; background:rgba(13,20,37,.82); }
.language-switch button { border:0; border-radius:8px; padding:7px 11px; background:transparent; color:var(--muted); font:inherit; font-size:.78rem; font-weight:800; cursor:pointer; }
.language-switch button.active { background:var(--teal); color:#071012; }
.language[hidden] { display:none; }
.brand { color:var(--teal); font-size:.8rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
h1 { margin:10px 0 12px; font-size:clamp(2.2rem,7vw,4rem); line-height:1.05; }
h2 { margin-top:34px; color:var(--teal); font-size:1.25rem; }
p,li { color:var(--muted); }
.lead { font-size:1.12rem; }
.panel { margin:30px 0; padding:24px; border:1px solid var(--border); border-radius:22px; background:rgba(13,20,37,.82); }
a { color:var(--teal); }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { display:inline-block; padding:11px 17px; border:1px solid var(--border); border-radius:13px; text-decoration:none; font-weight:700; }
.button.primary { background:var(--teal); color:#071012; }
footer { margin-top:48px; color:#748097; font-size:.85rem; }