:root{--c1:#5a3fd6;--c2:#0fbfbf;--c3:#ffd166;--c4:#111319;--c5:#f6f7fb;--ink:#1f2430;--muted:#5b6170}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--c5);color:var(--ink);font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--c1);text-decoration:none;transition:.2s ease}
a:hover{opacity:.85}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.grid{display:grid;gap:24px}
.btn{display:inline-block;padding:14px 20px;border-radius:12px;font-weight:800}
.btn-primary{background:var(--c2);color:#081216}
.btn-dark{background:#0f1220;color:#fff}
.btn-ghost{border:2px solid var(--c2);color:var(--c2);background:transparent}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:800}
.badge-soft{background:rgba(15,191,191,.15);color:var(--c2)}
.hero{min-height:82vh;display:grid;align-items:end;position:relative;color:#fff}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(17,19,25,.85) 20%,rgba(17,19,25,.35) 60%,rgba(17,19,25,.85) 100%),url("../imagesbase/imps1.webp") center/cover no-repeat}
.hero .wrap{position:relative;z-index:2;padding:80px 0}
h1{font-size:clamp(34px,5.2vw,68px);line-height:1.08;margin:0 0 18px;font-weight:900}
h2{font-size:clamp(26px,3.2vw,42px);line-height:1.15;margin:0 0 14px;font-weight:900}
h3{font-size:clamp(20px,2.5vw,28px);margin:0 0 12px;font-weight:800}
.lead{font-size:clamp(18px,1.6vw,20px);color:#eef1ff;max-width:900px}
.kicker{letter-spacing:.12em;text-transform:uppercase;opacity:.85}
.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(25,28,40,.06); color:
#0a0d14}
.dark{background:#0f1220;color:#e9edff}
.dark .muted{color:#b9c1dd}
.section{padding:68px 0}
.split{grid-template-columns:1.1fr .9fr}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:899px){.split,.grid-3,.grid-2{grid-template-columns:1fr}}
.icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--c1),#7b63ff);display:inline-grid;place-items:center;color:#fff}
.accent{background:linear-gradient(135deg,rgba(90,63,214,.08),rgba(15,191,191,.08));border-radius:18px}
.figure{border-radius:18px;overflow:hidden}
.figure img{display:block;width:100%}
.form{display:grid;gap:14px}
.input,textarea,select{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid #dde1ee;background:#fff;font:inherit}
.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c2);box-shadow:0 0 0 6px rgba(15,191,191,.15)}
.footer{padding:38px 0;border-top:1px solid #e7e9f4;background:#fafbff}
.footer .legal{font-size:.95rem;color:var(--muted)}
.chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fff}
.note{font-size:1.05rem;color:var(--muted)}
.ribbon{position:relative}
.ribbon::after{content:"";position:absolute;right:-24px;top:-24px;width:160px;height:160px;background:radial-gradient(closest-side,rgba(15,191,191,.35),transparent 70%);filter:blur(10px);border-radius:50%}
.brand{font-weight:900;letter-spacing:.02em}
.small{font-size:.92rem}
.shade{background:linear-gradient(180deg,#fff,rgba(255,255,255,.6))}
.section,.hero{
    overflow: hidden;
}