:root{
    --bg:#0f1b2d;
    --bg-2:#111827;
    --panel:#0b1220;
    --accent:#8b5cf6;
    --accent-2:#22d3ee;
    --muted:#cbd5e1;
    --text:#e5e7eb;
    --ink:#0f172a;
    --paper:#f8fafc;
}
*{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;background:linear-gradient(135deg,var(--bg),var(--bg-2));color:var(--text);line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--accent-2);text-decoration:none}
a:hover{opacity:.85}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:14px 18px;font-weight:800;letter-spacing:.2px}
.btn.alt{background:var(--accent-2);color:#0b1020}
.grid{display:grid;gap:28px}
.hero{min-height:72vh;display:grid;place-items:center;background:linear-gradient(160deg,rgba(139,92,246,.25),rgba(34,211,238,.18)),url('../imagesmain/imgex1.webp') center/cover no-repeat}
.hero .wrap{background:rgba(15,23,42,.6);backdrop-filter:blur(6px);border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:36px 28px}
.kicker{color:var(--accent-2);font-weight:800;text-transform:uppercase;letter-spacing:.18em}
.display{font-size:clamp(32px,6vw,60px);line-height:1.1;margin:.35em 0;font-weight:900}
.lead{font-size:clamp(16px,2.4vw,20px);color:var(--muted)}
.section{padding:56px 0}
.section.light{background:var(--paper);color:var(--ink)}
.section.dark{background:linear-gradient(180deg,var(--panel),#0a0f1c)}
.card{background:var(--paper);color:var(--ink);border-radius:18px;padding:24px;border:1px solid #e2e8f0}
.card.dark{background:#0d1526;color:var(--text);border:1px solid rgba(148,163,184,.15)}
.badge{display:inline-flex;align-items:center;gap:10px;background:rgba(34,211,238,.12);color:var(--accent-2);padding:8px 12px;border-radius:999px;font-weight:800}
.icon{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px}
.icon.ac{background:rgba(139,92,246,.18)}
.icon.teal{background:rgba(34,211,238,.18)}
.cols-3{grid-template-columns:repeat(1,1fr)}
.cols-2{grid-template-columns:1fr}
@media(min-width:768px){.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}}
.figure{border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.2)}
.figure.shadow{box-shadow:0 20px 60px rgba(2,8,23,.45)}
.list{display:grid;gap:18px}
.list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.mono{font-variant-numeric:tabular-nums}
.form{display:grid;gap:14px}
input,textarea{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:16px}
textarea{min-height:132px;resize:vertical}
input:focus,textarea:focus{outline:4px solid rgba(139,92,246,.25);border-color:var(--accent)}
label{font-weight:700}
.note{font-size:14px;color:#64748b}
.footer{padding:32px 0;border-top:1px solid rgba(148,163,184,.15);background:#0b1323}
.footer a{color:#93c5fd}
.small{font-size:14px;color:#94a3b8}
.figure-grad{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(34,211,238,.2));padding:10px;border-radius:16px}
.separator{height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.35),transparent);margin:24px 0}
.cta-panel{background:linear-gradient(135deg,#1b253b,#0e1629);border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:26px}
.badge.year{background:rgba(147,197,253,.15);color:#bfdbfe}
.hero{
    overflow:hidden;
}