:root{--c1:#3f5efb;--c2:#fc466b;--c3:#0f172a;--c4:#f1f5f9;--c5:#0ea5e9;--txt:#1f2937}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;font:500 17px/1.65 'Figtree',system-ui,sans-serif;color:var(--txt);background:linear-gradient(160deg,var(--c4) 0%,#ffffff 40%)}
h1,h2,h3{margin:0 0 .6rem 0;line-height:1.2;font-weight:800}
p{margin:0 0 1rem 0}
img{max-width:100%;height:auto;display:block}
a{color:var(--c1);text-decoration:none;transition:.2s}a:hover{opacity:.8}
.container{max-width:1120px;margin:0 auto;padding:0 18px}
.grid{display:grid;gap:22px}
.btn{display:inline-block;border:0;border-radius:12px;padding:14px 20px;font-weight:800}
.btn-dark{background:var(--c3);color:#fff}
.btn-grad{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}
.badge{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:8px 12px;background:#e2e8f0;color:#111}
.hero{background:radial-gradient(1200px 800px at 10% -10%,rgba(63,94,251,.25),transparent 60%),radial-gradient(800px 600px at 100% 10%,rgba(252,70,107,.18),transparent 50%),linear-gradient(180deg,#0b1220, #0b1220)}
.hero .wrap{color:#eaf2ff;padding:74px 0}
.hero h1{font-size:clamp(34px,5vw,58px)}
.hero p{color:#c7d2fe}
.hero .card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);border-radius:16px;padding:18px}
.section{padding:56px 0}
.section.dark{background:#0b1220;color:#e5ecff}
.section.light{background:#ffffff}
.figure{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.85rem;color:var(--c5);font-weight:900}
.card{border:1px solid #e5e7eb;border-radius:16px;padding:22px;background:#fff; color: #1a1a1a}
.icon{font-size:22px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff}
.list{display:grid;gap:14px}
.input,textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #dbe3ea;background:#fff}
label{font-weight:700;margin-bottom:6px;display:block}
form{display:grid;gap:14px}
footer{background:#0b1220;color:#cbd5e1}
footer a{color:#93c5fd}
.cols-2{grid-template-columns:1fr;gap:24px}
.cols-3{grid-template-columns:1fr;gap:24px}
@media(min-width:740px){.cols-2{grid-template-columns:1.2fr 1fr}.cols-3{grid-template-columns:repeat(3,1fr)}}
small{opacity:.8}
@media screen and (max-width: 767px) {
    .grid{
        grid-template-columns: minmax(0,1fr) !important;
    }
}

.container{
    padding-left: 20px !important;
    padding-right: 20px !important
}