:root{
  --bg:#0b0b0f; --fg:#e8e8ef; --muted:#a3a3b2; --brand:#7c5cff; --brand-2:#3ed6a6;
  --card:#15151c; --border:#242432; --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,Arial;
  background: radial-gradient(80% 80% at 70% 10%, rgba(124,92,255,.18), transparent 60%),
              radial-gradient(60% 60% at 0% 100%, rgba(62,214,166,.12), transparent 60%),
              var(--bg);
  color:var(--fg);
}
.wrap{max-width:980px;margin:0 auto;padding:16px}
header.wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:10px}
.brand svg{width:24px;height:24px;fill:var(--brand)}
.site-name{font-weight:700;letter-spacing:.2px}
.lang select{
  background:var(--card); color:var(--fg); border:1px solid var(--border);
  padding:8px 10px; border-radius:10px
}
.hero{padding:48px 0;text-align:center}
h1{font-size: clamp(28px, 5vw, 52px); margin:0 0 12px}
.lead{color:var(--muted); margin:0 0 20px; font-size:clamp(14px,2.2vw,18px)}
.cta{
  appearance:none; border:0; border-radius:18px; padding:16px 28px;
  font-weight:800; font-size:clamp(16px,2.5vw,20px);
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#0b0b0f; cursor:pointer; box-shadow:var(--shadow);
  transition: transform .08s ease-in-out, filter .2s ease;
}
.cta:active{transform:scale(.98)}
.cta[disabled]{filter:grayscale(.5); cursor:not-allowed}
.fineprint{margin-top:12px;color:var(--muted);font-size:12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0 10px}
.stat{
  background:linear-gradient(180deg, rgba(255,255,255,.02), transparent 60%), var(--card);
  border:1px solid var(--border); border-radius:16px; padding:18px; text-align:center;
  box-shadow:var(--shadow)
}
.num{font-size:clamp(24px,4vw,36px);font-weight:900}
.label{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}
.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:32px 0}
.footer .muted{color:var(--muted)}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.stats{grid-template-columns:1fr}}