:root{--c1:#5b5bd6;--c2:#12b886;--c3:#ffd166;--c4:#0f172a;--light:#f7f7fb;--muted:#6b7280}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:'Poppins',sans-serif;background:var(--light);color:#1f2937;line-height:1.65}
.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}
a{color:var(--c1);text-decoration:none;transition:.2s}
a:hover{opacity:.8}
h1,h2,h3{margin:0 0 .6rem}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1}
h2{font-size:clamp(1.4rem,3.3vw,2rem)}
h3{font-size:1.125rem;color:var(--c4)}
p{margin:0 0 1rem}
.btn{display:inline-block;padding:.85rem 1.2rem;border-radius:.7rem;font-weight:700}
.btn-primary{background:var(--c1);color:#fff}
.btn-ghost{background:transparent;border:1px solid var(--c1);color:var(--c1)}
.badge{display:inline-block;padding:.25rem .6rem;border-radius:.4rem;font-size:.8rem;background:var(--c3);color:#111}
.hero{background:linear-gradient(135deg,var(--c4),#1e293b 45%,var(--c1));color:#fff}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center;padding:72px 20px}
.hero img{width:100%;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.kicker{letter-spacing:.12em;text-transform:uppercase;color:#cbd5e1;font-weight:700}
.grid{display:grid;gap:22px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:22px}
.card.dark{background:#0b1220;color:#e5e7eb;border-color:#0b1220}
.card .icon{font-size:1.25rem;margin-right:.5rem;color:var(--c2)}
.row{display:flex;gap:22px;flex-wrap:wrap}
.col{flex:1 1 300px}
.section{padding:60px 0}
.section.alt{background:#0f172a;color:#e5e7eb}
.section.alt .card{background:#111827;border-color:#1f2937}
.figure{position:relative}
.figure::after{content:"";position:absolute;inset:-18px -18px auto auto;width:160px;height:160px;background:radial-gradient(closest-side,rgba(255,255,255,.25),transparent);filter:blur(10px);border-radius:50%}
.decor{height:8px;background:linear-gradient(90deg,var(--c2),var(--c1),var(--c3));border-radius:10px;margin:18px 0}
.lead{font-size:1.1rem;color:#111827}
.small{font-size:.925rem;color:var(--muted)}
.form{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:22px}
.input{width:100%;padding:.9rem 1rem;border:1px solid #d1d5db;border-radius:.6rem;background:#fff}
.input:focus{outline:none;border-color:var(--c1);box-shadow:0 0 0 .25rem rgba(91,91,214,.18)}
textarea.input{min-height:140px;resize:vertical}
.footer{background:#0b1220;color:#cbd5e1;padding:38px 0;margin-top:40px}
.footer a{color:#cbd5e1}
.split{display:grid;gap:22px;grid-template-columns:1fr 1fr}
.media{border-radius:14px;overflow:hidden;border:1px solid #e6e8ef;background:#fff}
.media img{display:block;width:100%}
.bi{vertical-align:-.15em;margin-right:.35rem}
.list{display:grid;gap:14px}
.list .rowline{display:flex;gap:10px;align-items:flex-start}
.list .rowline i{color:var(--c2);margin-top:.2rem}
.notice{background:#111827;color:#e5e7eb;border-radius:14px;padding:22px}
.foot-mini{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
hr{border:0;height:1px;background:#e5e7eb;margin:18px 0}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr}.split{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr}}
.hero .lead{
    color: #fff;
}