:root{--c1:#3e2fb5;--c2:#f0eefc;--c3:#14b8a6;--c4:#101225;--c5:#f7f9fb;--c6:#ffc857}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--c5);color:#202636;line-height:1.6}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--c1);text-decoration:none;transition:.2s}
a:hover{opacity:.8}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.hero{background:radial-gradient(1200px 600px at 10% -10%,rgba(62,47,181,.35),transparent),linear-gradient(135deg,var(--c4),#1a1d39);color:#fff;padding:72px 0 56px;position:relative;overflow:hidden}
.hero .blob{position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;background:conic-gradient(from 120deg,var(--c3),var(--c1),var(--c6));filter:blur(60px);opacity:.35;border-radius:50%}
h1{font-size:clamp(32px,5vw,56px);line-height:1.1;margin:0 0 12px}
h2{font-size:clamp(24px,3.2vw,36px);margin:0 0 10px}
h3{font-size:clamp(18px,2.2vw,24px);margin:0 0 8px}
.lead{font-size:clamp(16px,2vw,20px);opacity:.95}
.section{padding:56px 0}
.section.alt{background:#fff}
.badge{display:inline-block;background:rgba(255,255,255,.12);color:#fff;padding:8px 12px;border-radius:999px;font-weight:700;letter-spacing:.02em}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1fr;align-items:center}
.grid-3{grid-template-columns:1fr}
.card{background:#fff;border:1px solid #e8ecf3;border-radius:16px;padding:20px}
.card.dark{background:linear-gradient(135deg,#171a34,#0f1125);color:#e7ebff;border:none}
.accent{border-left:6px solid var(--c6);padding-left:16px}
.kicker{color:var(--c3);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.btn{display:inline-block;background:var(--c3);color:#081019;font-weight:800;border-radius:12px;padding:12px 18px;border:2px solid transparent}
.btn:hover{background:#0aa895}
.btn.ghost{background:transparent;color:#fff;border-color:#3b3f73}
.btn.dark{background:var(--c1);color:#fff}
.list{display:grid;gap:14px}
.icon{display:inline-flex;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;background:var(--c2);color:var(--c1);font-size:20px}
.stat{display:flex;gap:14px;align-items:center}
.stat strong{font-size:28px}
.figure{border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(16,18,37,.12)}
.small{font-size:.95rem;opacity:.85}
.form{display:grid;gap:14px}
.input,textarea,select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #dbe2ee;background:#fff;font:inherit}
.input:focus,textarea:focus,select:focus{outline:0;border-color:var(--c1);box-shadow:0 0 0 4px rgba(62,47,181,.1)}
label{font-weight:700;margin-bottom:6px;display:block}
.row{display:grid;gap:14px;grid-template-columns:1fr}
footer{background:#0f1227;color:#c8cff9;padding:32px 0}
footer a{color:#c8cff9}
.footer-min{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.footer-min .brand{font-weight:900;letter-spacing:.02em}
.footer-min .legal a{margin-right:12px}
.cta{background:linear-gradient(135deg,#0f1227 0%,#1d2146 50%,#0f1227 100%);color:#fff;border-radius:18px;padding:28px}
.note{background:var(--c2);border:1px dashed #d2d7f6;border-radius:14px;padding:14px}
@media(min-width:780px){
    .grid-2{grid-template-columns:1.1fr .9fr}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .row-2{grid-template-columns:1fr 1fr;display:grid;gap:14px}
}