:root{--c1:#5b62ff;--c2:#0f172a;--c3:#f5f7ff;--c4:#00d6b9;--c5:#ffd166;--txt:#0b1220;--muted:#52607a}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Manrope',sans-serif;background:linear-gradient(180deg,#0b1220 0%,#0b1220 40%,#0e1324 100%);color:#eef3ff}
a{text-decoration:none;color:var(--c5);transition:opacity .2s}
a:hover{opacity:.8}
img{max-width:100%;height:auto;vertical-align:middle}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.section{padding:72px 0}
.grid{display:grid;gap:28px}
.btn{display:inline-block;padding:14px 20px;border-radius:12px;border:2px solid transparent;font-weight:800}
.btn-1{background:var(--c4);color:#001018}
.btn-2{background:transparent;border-color:var(--c4);color:var(--c4)}
.card{background:#0f162e;border:1px solid #111a35;border-radius:16px;padding:24px}
.accent{color:var(--c4)}
.hero{background:radial-gradient(1200px 600px at 80% -10%,rgba(91,98,255,.35),transparent 60%),radial-gradient(1000px 500px at 0% 0%,rgba(0,214,185,.25),transparent 55%)}
.hero-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.display{font-size:56px;line-height:1.05;font-weight:900;letter-spacing:-.5px;margin:0 0 14px}
.lead{font-size:20px;line-height:1.6;color:#d4dcff;margin:0 0 22px}
.badge{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:999px;font-weight:700;color:#e9eeff}
.kicker{font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}
.row-3{grid-template-columns:repeat(3,1fr)}
.row-2{grid-template-columns:repeat(2,1fr)}
.light{background:#f7fbff;color:var(--txt)}
.light .card{background:#ffffff;border-color:#e7eef7}
.light h2,.light h3{color:#0b1220}
.h2{font-size:34px;line-height:1.25;margin:0 0 16px;font-weight:900}
.h3{font-size:22px;margin:0 0 10px;font-weight:800}
.p{margin:0 0 14px;color:#c9d4ef}
.light .p{color:#374155}
.figure{border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.icon{font-size:24px}
.input,.select,.textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #24304e;background:#0e152d;color:#e8eeff;font-size:16px}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--c4);box-shadow:0 0 0 4px rgba(0,214,185,.15)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
footer{background:#050915;color:#a6b3d4;border-top:1px solid #0a1022}
.footer-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.legal a{color:#a6b3d4}
.header-min{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{font-weight:900;letter-spacing:.3px;color:#fff;font-size:20px}
.tag{font-size:12px;background:#111a35;color:#a6b3d4;border:1px solid #1b2550;border-radius:999px;padding:4px 10px}
.figure-border{border:2px solid rgba(0,214,185,.35)}
.hr{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);border:0;margin:28px 0}
.small{font-size:14px;opacity:.9}
form .btn{width:100%}
@media(max-width:980px){.hero-wrap,.split{grid-template-columns:1fr}.row-3{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr}}
@media(max-width:640px){.display{font-size:40px}.row-2,.row-3,.form-row{grid-template-columns:1fr}}
form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}