:root{--bg:#0f1020;--bg-2:#151734;--fg:#eaf2ff;--muted:#b7c4d9;--brand:#7ef0c1;--brand-2:#9d7ef0;--acc:#ffb86b}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:500 16px/1.65 "Manrope",sans-serif;background:var(--bg);color:var(--fg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.8}
h1,h2,h3,h4{margin:0 0 .6rem;font-weight:800;line-height:1.2}
p{margin:0 0 1rem}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:.9rem 1.2rem;border-radius:14px;background:var(--brand);color:#0a0b14;font-weight:800;border:0}
.btn-alt{background:var(--brand-2);color:#fff}
.badge{display:inline-block;padding:.35rem .7rem;border-radius:999px;background:rgba(126,240,193,.15);color:var(--brand);font-weight:700;font-size:.825rem}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:1fr;gap:28px}
.grid-3{grid-template-columns:1fr;gap:28px}
.card{background:var(--bg-2);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:24px}
.icon{width:44px;height:44px;border-radius:12px;display:inline-grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#0a0b14}
.hero{position:relative;min-height:68vh;display:grid;place-items:center;text-align:center;background:#0b0c1a}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(126,240,193,.25),rgba(157,126,240,.2));mix-blend:screen}
.hero::after{content:"";position:absolute;inset:0;background:url("../imgfront/imgli1.webp") center/cover no-repeat;opacity:.32;filter:contrast(1.05) saturate(1.1)}
.hero > .wrap{position:relative;z-index:2}
.kicker{letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--acc)}
.lead{font-size:1.2rem;color:var(--muted)}
.section{padding:64px 0}
.section.alt{background:#0a0b1a}
.figure{border-radius:18px;overflow:hidden}
.separator{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);margin:28px 0}
.decor{position:absolute;inset:auto auto -80px 50%;width:560px;height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(157,126,240,.35),transparent 70%);filter:blur(18px);pointer-events:none}
.form{display:grid;gap:14px}
input,textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0c0e22;color:var(--fg)}
input:focus,textarea:focus{outline:2px solid var(--brand)}
label{font-weight:700;margin-bottom:6px;display:inline-block}
footer{background:#0b0c1a;padding:36px 0;border-top:1px solid rgba(255,255,255,.06)}
.small{font-size:.92rem;color:var(--muted)}
@media(min-width:768px){
    .grid-2{grid-template-columns:1.2fr .8fr}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .hero{min-height:76vh}
}


.hero{
    overflow:hidden;
}