:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, system-ui, sans-serif; background:#0d0d0f; color:#f5f5f5; }
.page { max-width: 1120px; margin: 0 auto; padding: 40px 20px 80px; display:grid; gap: 28px; }
.card { border:1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.02); padding: 22px; }
.hero { padding: 34px; }
.eyebrow { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color:#c9a84c; }
.langbar { display:flex; gap:10px; align-items:center; justify-content:flex-end; }
.lang-label { font-size:12px; color:rgba(255,255,255,.45); text-transform:uppercase; letter-spacing:.18em; }
.lang-link { font-size:13px; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.72); }
.lang-link.active { border-color:rgba(201,168,76,.6); color:#f7d88a; background:rgba(201,168,76,.12); }
h1 { margin: 8px 0 12px; font-size: clamp(30px,5vw,54px); line-height:1.05; }
h2 { margin: 4px 0 14px; font-size: clamp(22px,3vw,34px); }
h3 { margin: 0 0 6px; font-size: 20px; }
p, li { color: rgba(255,255,255,.75); line-height: 1.6; }
.lead { font-size: 18px; max-width: 840px; }
.support { max-width: 860px; }
.actions { display:flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.btn { padding: 10px 14px; border:1px solid rgba(255,255,255,.18); border-radius: 10px; }
.btn-primary { background:#c9a84c; color:#101010; border-color:#c9a84c; font-weight:700; }
.grid { display:grid; gap: 12px; }
.cols-2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.cols-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
a { color: inherit; text-decoration: none; }
footer { border-top:1px solid rgba(255,255,255,.12); padding-top: 18px; color: rgba(255,255,255,.6); }
@media (max-width: 900px) { .cols-2,.cols-3 { grid-template-columns: 1fr; } }