:root {
  --bg:#05080a; --surface:#0b1016; --surface2:#10171f; --text:#eef4f8; --muted:#94a2ae;
  --green:#a7ff37; --cyan:#36e2ff; --amber:#ffb54a; --red:#ff5b6d;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% 12%,rgba(167,255,55,.18),transparent 26%),radial-gradient(circle at 0 65%,rgba(54,226,255,.12),transparent 26%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px}
.wrap{width:min(1180px,92vw);margin:0 auto;position:relative}
header{padding:32px 0 10px}
.logo{font-size:34px;color:var(--green);font-weight:900;letter-spacing:-.03em}
.sublogo{color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:42px 0 58px}
.badge{display:inline-flex;color:var(--green);border:1px solid var(--green);border-radius:999px;padding:12px 18px;font-weight:800;background:rgba(11,16,22,.75)}
h1{font-size:clamp(48px,6vw,92px);line-height:.96;margin:32px 0 20px;letter-spacing:-.055em}
h1 span{color:var(--green)}
.lead{color:var(--cyan);font-size:clamp(24px,2.4vw,38px);line-height:1.16;font-weight:800}
.support{font-size:20px;line-height:1.45;max-width:660px;margin:20px 0 26px}
.buttons{display:flex;gap:16px;flex-wrap:wrap}
.btn{border-radius:16px;padding:18px 24px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.primary{background:var(--green);color:#071014}
.secondary{border:1px solid var(--cyan);color:var(--cyan);background:rgba(11,16,22,.75)}
.hero-img{width:100%;border-radius:28px;box-shadow:0 30px 100px rgba(0,0,0,.45);border:1px solid rgba(167,255,55,.35)}
.section{padding:54px 0;border-top:1px solid rgba(255,255,255,.08)}
h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:0 0 16px}
.section-intro{color:var(--muted);font-size:20px;max-width:760px;line-height:1.5}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.card{background:rgba(11,16,22,.82);border:1px solid rgba(54,226,255,.22);border-radius:22px;padding:24px;min-height:180px}
.card h3{margin:0 0 12px;font-size:22px;color:var(--green)}
.card p{color:var(--muted);line-height:1.45}
.mistakes{columns:2;column-gap:38px;font-size:20px;line-height:1.65}
.formbox{background:linear-gradient(135deg,rgba(167,255,55,.08),rgba(54,226,255,.05));border:1px solid rgba(167,255,55,.45);border-radius:28px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}
label{color:var(--muted);display:block;margin-bottom:8px}
input{width:100%;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#05080a;color:var(--text);font-size:18px}
footer{color:var(--muted);font-size:13px;line-height:1.5;padding:36px 0 48px}
.notice{border:1px solid var(--amber);background:rgba(255,181,74,.08);border-radius:18px;padding:18px;color:#fff}
.download-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding-top:20px}.grid,.download-list{grid-template-columns:1fr}.mistakes{columns:1}.formbox{grid-template-columns:1fr}.btn{width:100%}.hero-img{margin-top:18px}}