:root {
  --bg: #060b14;
  --surface: #101a2a;
  --surface-soft: #142036;
  --text: #eaf0ff;
  --muted: #a5b4d6;
  --brand: #64c4ff;
  --brand-2: #7effbd;
  --stroke: #25334f;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  background: radial-gradient(circle at 20% -10%, #1a2d54 0%, var(--bg) 55%);
  color: var(--text);
}
a { color: inherit; text-decoration: none; }
.container { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.topbar { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(10px); background: rgba(6, 11, 20, .72); border-bottom: 1px solid rgba(255,255,255,.08); }
.topbar-wrap { display:flex; justify-content:space-between; align-items:center; min-height:72px; gap:12px; }
.logo { display:inline-flex; align-items:center; gap:12px; font-weight:700; letter-spacing:.3px; }
.logo-dot { width:11px; height:11px; border-radius:999px; background:linear-gradient(120deg,var(--brand),var(--brand-2)); }
.lang-switch { display:flex; gap:8px; }
.lang-link { padding:8px 12px; border-radius:999px; border:1px solid var(--stroke); color:var(--muted); font-weight:600; font-size:13px; }
.lang-link.is-active { color:#061223; border-color:transparent; background:linear-gradient(120deg,var(--brand),var(--brand-2)); }
.hero { padding:72px 0 36px; }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; }
h1 { font-size:clamp(36px,5.4vw,62px); line-height:1.05; margin:0 0 18px; }
.lead { font-size:clamp(16px,2.2vw,20px); line-height:1.6; color:var(--muted); margin:0 0 26px; }
.cta-row { display:flex; flex-wrap:wrap; gap:12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:12px; font-weight:700; border:1px solid var(--stroke); }
.btn-primary { color:#061223; border-color:transparent; background:linear-gradient(120deg,var(--brand),var(--brand-2)); }
.btn-ghost { color:var(--text); background:rgba(255,255,255,.02); }
.hero-card { border:1px solid rgba(122,161,255,.25); border-radius:22px; padding:22px; background:linear-gradient(170deg,rgba(100,196,255,.16),rgba(126,255,189,.04)),rgba(15,26,44,.8); min-height:260px; }
.hero-card p { color:#d9e7ff; line-height:1.6; }
.stats { margin-top:22px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.stat { padding:12px; border-radius:12px; border:1px solid var(--stroke); background:rgba(9,18,34,.7); }
.stat b { display:block; font-size:20px; }
.section { padding:46px 0; }
.section h2 { font-size:clamp(28px,4vw,38px); margin:0 0 12px; }
.section-intro { color:var(--muted); max-width:760px; line-height:1.7; }
.grid-3 { margin-top:20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.card { border-radius:16px; border:1px solid var(--stroke); background:linear-gradient(180deg,rgba(16,27,45,.95),rgba(10,18,32,.95)); padding:18px; }
.card h3 { margin:0 0 8px; }
.card p { margin:0; color:var(--muted); line-height:1.65; }
.faq { margin-top:18px; display:grid; gap:12px; }
.faq-item { border:1px solid var(--stroke); border-radius:14px; background:rgba(11,20,34,.9); padding:15px 16px; }
.faq-item b { display:block; margin-bottom:7px; }
.footer { margin-top:32px; padding:28px 0 42px; border-top:1px solid rgba(255,255,255,.08); color:var(--muted); font-size:14px; }
.footer-row { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(1120px, calc(100% - 24px)); }
  .grid-3, .stats { grid-template-columns: 1fr; }
}