:root{--c1:#3e2fb3;--c2:#f2f0ff;--c3:#10b981;--c4:#0b0b14;--c5:#ffd166}
*{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;color:#1a1a1a;background:#fff;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:var(--c1)}a:hover{opacity:.85}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.grid{display:grid;gap:24px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;font-weight:800;border:2px solid transparent}
.btn-primary{background:var(--c1);color:#fff}
.btn-ghost{background:transparent;border-color:var(--c1);color:var(--c1)}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--c3);color:#08150f;font-weight:800}
.hero{min-height:72vh;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 0%,rgba(255,255,255,.15),transparent 60%),linear-gradient(135deg,rgba(17,17,26,.6),rgba(17,17,26,.2)) ,url('../imgweb/imgpro1.webp') center/cover no-repeat;filter:saturate(1.05)}
.hero>*{position:relative;z-index:1}
.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.1;margin:0 0 16px}
.hero p{max-width:740px;font-size:clamp(16px,2.2vw,20px);opacity:.96}
.wrap{padding:56px 0}
.card{background:#fff;border:1px solid #e9e9ef;border-radius:16px;padding:22px}
.card.dark{background:#0f1222;color:#e9ecf3}
.card.dark h3,.card.dark p{color:#e9ecf3}
.section-dark{background:#0b0e1a;color:#e9ecf3}
.section-light{background:#f8f9ff}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kpi{border-radius:14px;padding:18px;background:linear-gradient(180deg,#111427,#0b0e1a);color:#cfd6ff;border:1px solid #1b2140;text-align:center}
.kpi b{display:block;font-size:clamp(26px,3.5vw,36px);color:#fff}
.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--c2);color:var(--c1);font-size:22px}
.figure{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(8,12,40,.25)}
.form{display:grid;gap:14px}
input,textarea,select{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid #dfe3f1;background:#fff;font:inherit}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--c1);box-shadow:0 0 0 4px rgba(62,47,179,.12)}
footer{background:#080a14;color:#bfc6ff}
.footer-grid{display:grid;gap:24px;grid-template-columns:1fr}
.footer-bottom{border-top:1px solid #1a1f3b;padding:18px 0;color:#9aa3ff}
.tag{background:var(--c5);color:#231a00;border-radius:10px;padding:6px 10px;font-weight:800}
hr.sep{border:none;height:1px;background:linear-gradient(90deg,transparent,#dadcf7,transparent);margin:28px 0}
figure.decor{position:relative}
figure.decor::after{content:"";position:absolute;inset:auto 16px -14px 16px;height:24px;background:linear-gradient(90deg,transparent,rgba(62,47,179,.35),transparent);filter:blur(8px);border-radius:50%}
@media (max-width:900px){.cols-3,.cols-2,.kpis{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cols-3,.cols-2,.kpis{grid-template-columns:1fr}}