:root{--bg:#0f1320;--fg:#eef2f8;--pri:#7cffc7;--acc:#ffc14d;--mut:#d5d9e4;--ink:#1a2138}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font:500 16px/1.6 "Manrope",system-ui,Arial,sans-serif;color:var(--ink);background:#f7f8fc}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.display{font-size:clamp(34px,6vw,60px);line-height:1.1;margin:0 0 12px}
.h-title{font-size:clamp(26px,3vw,36px);margin:0 0 8px}
.h-sub{font-size:clamp(20px,2.2vw,26px);margin:0 0 6px}
.lead{color:var(--fg);opacity:.95;max-width:880px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:2px solid transparent;font-weight:800;text-decoration:none}
.btn-light{background:#fff;color:#111}
.btn-outline{background:transparent;color:#fff;border-color:#fff}
.btn-accent{background:var(--acc);color:#111}
.small{font-size:.85rem;color:#667089}
.hero{position:relative;background:#121a2f;color:#fff;min-height:72vh;display:flex;align-items:center;overflow:hidden;background-image:url('../imageslibs/imgme5.webp');background-size:cover;background-position:center}
.hero .shade{position:absolute;inset:0;background:radial-gradient(80% 80% at 70% 10%,rgba(127,255,199,.35),transparent 40%),linear-gradient(180deg,rgba(15,19,32,.8),rgba(15,19,32,.8))}
.hero-inner{position:relative;padding:56px 20px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.hero-meta{display:flex;gap:14px;flex-wrap:wrap;color:#d9def1;margin-top:6px}
.band{height:10px;background:linear-gradient(90deg,var(--pri),var(--acc))}
.gradient-detail{position:relative}
.gradient-detail::after{content:"";position:absolute;inset:auto 0 -40px 0;height:120px;background:radial-gradient(60% 60% at 50% 0,var(--pri),transparent 60%)}
.section{padding:48px 20px}
.alt{background:#fff}
.grid-2{display:grid;grid-template-columns:1fr;gap:22px}
.grid-3{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:820px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}}
.card{background:#f4f7ff;border:1px solid #e3e7f2;border-radius:14px;padding:18px}
.wide-split{display:grid;grid-template-columns:1fr;min-height:420px}
.split-image{min-height:260px;background-size:cover;background-position:center}
.split-content{background:#0a0f20;color:#eef2f8;padding:30px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;margin:8px 0 10px;padding-left:10px}
.form{margin-top:12px}
.label{display:block;margin:10px 0 6px;font-weight:700}
.input{width:100%;padding:12px 14px;border:1px solid #cfd6ea;border-radius:12px;background:#fff}
.input:focus{outline:3px solid rgba(124,255,199,.35);border-color:#9fb7ff}
.form-foot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.media-box{background:#e8ecf7;border-radius:14px;min-height:220px;background-size:cover;background-position:center}
.sub-hero{background:#111a30;color:#fff;padding:40px 0}
.sub-hero.dark{background:#0b1124}
.footer{background:#0b0f1c;color:#cbd3ea;padding:26px 0;margin-top:16px}
.f-inner{display:grid;gap:8px;align-items:center}
@media(min-width:720px){.f-inner{grid-template-columns:1fr auto 1fr}}
.f-brand{font-weight:800}
.f-links{display:flex;gap:14px;justify-content:center}
.f-link{color:#cbd3ea;text-decoration:none}
.f-note{font-size:.9rem;opacity:.8;text-align:right}
.bg-decor{position:fixed;bottom:-120px;right:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--pri),transparent 60%);opacity:.35;pointer-events:none;filter:blur(1px)}