:root{--pri:#6a00f4;--pri-2:#4300a3;--sec:#f2f0ff;--ink:#1e1b2e;--muted:#5d5875;--accent:#ff6b6b;--ok:#00c2a8;--warn:#ffb703}
*{box-sizing:border-box}html,body{padding:0;margin:0}
body{font:500 16px/1.65 'Manrope',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#ffffff 0%,#faf8ff 100%)}
img{max-width:100%;height:auto;vertical-align:middle}
a{text-decoration:none;color:var(--pri)}a:hover{opacity:.85}
.container{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:12px 20px;border-radius:14px;border:1px solid transparent;font-weight:700}
.btn-pri{background:var(--pri);color:#fff}
.btn-ghost{background:transparent;border-color:var(--pri);color:var(--pri)}
.grid{display:grid;gap:28px}
.hero{position:relative;overflow:hidden;background:radial-gradient(1000px 600px at 10% -10%,#efe8ff 0%,#fff 55%),linear-gradient(135deg,var(--sec),#ffffff)}
.hero-wrap{padding:72px 0}
.tag{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#efe8ff;color:#4a3fb3;font-weight:700}
.h1{font-size:clamp(34px,5vw,56px);line-height:1.1;margin:14px 0 16px;color:#150a42}
.lead{font-size:clamp(18px,2.2vw,22px);color:var(--muted)}
.row{display:grid;gap:24px}
.row-2{display:grid;grid-template-columns:1fr;gap:28px}
.row-3{display:grid;grid-template-columns:1fr;gap:28px}
.card{border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(20,12,60,.06);padding:26px}
.badge{display:inline-block;padding:6px 10px;border-radius:10px;font-weight:700}
.badge-ok{background:rgba(0,194,168,.12);color:#037e70}
.badge-warn{background:rgba(255,183,3,.12);color:#9a6a02}
.section{padding:60px 0}
.kicker{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6c63ff}
.figure{border-radius:18px;overflow:hidden}
.figure.grad{background:linear-gradient(135deg,var(--pri) 0%,var(--pri-2) 100%);padding:10px}
.icon{font-size:24px;color:var(--pri)}
.footer{background:linear-gradient(180deg,#130b2a 0%,#1c1242 100%);color:#d7d1f6;padding:40px 0}
.footer a{color:#d7d1f6}
.input,textarea,select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #e7e2ff;background:#fff;font:inherit;color:var(--ink)}
label{font-weight:700;display:block;margin:10px 0 6px}
.form{display:grid;gap:14px}
.small{font-size:14px;color:#7b7596}
.hr{height:1px;background:#efe8ff;margin:20px 0;border:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #ede9ff; color:#1a1a1a}
.figure img{display:block;border-radius:14px}
.hero-decor{position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(closest-side,rgba(106,0,244,.35),transparent 70%)}
@media(min-width:780px){.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:repeat(3,1fr)}.hero-wrap{padding:96px 0}}