:root{
  --bg:#0B1020;
  --card:#0F162C;
  --muted:#9AA4B2;
  --text:#E5E7EB;
  --accent:#7C3AED;      /* Veldra Violet (primary) */
  --accent-dark:#6D28D9; /* hover/active */
  --accent-light:#C4B5FD;/* light tint */
  --accent-2:#60A5FA;    /* secondary highlights */
  --success:#16A34A; --warning:#F59E0B; --error:#EF4444;
}

*{box-sizing:border-box}
html,body{
  padding:0;margin:0;
  font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;
  background:linear-gradient(180deg,#0b1020 0%,#0a0e1a 100%);
  color:var(--text);
}
.container{max-width:1024px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav a{color:var(--muted);text-decoration:none;margin-left:16px;font-size:14px}
.card{background:linear-gradient(180deg,#121a34 0%,#0e152b 100%);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px}
.hero p{color:var(--muted);font-size:18px;margin:0 0 20px;max-width:740px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{appearance:none;border:none;border-radius:12px;padding:14px 18px;background:var(--accent);color:#0b1020;font-weight:700;cursor:pointer;transition:.15s transform,.15s filter;text-decoration:none;display:inline-block}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05);background:var(--accent-dark)}
.btn.secondary{background:#1f2937;color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));}
.feature{border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;background:linear-gradient(180deg,#121a34 0%,#0e152b 100%)}
.feature h3{margin:0 0 8px;font-size:16px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.kpi{background:#0c1226;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;text-align:center}
.kpi strong{font-size:18px}
.footer{padding:40px 0;color:var(--muted);font-size:13px;text-align:center}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.35);color:#d8b4fe;border-radius:999px;padding:6px 10px;font-weight:600;margin-bottom:12px}
input[type=email]{width:100%;padding:14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0c1226;color:var(--text);margin:6px 0 10px}
a.link{color:var(--accent-2)}
.status{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:600;font-size:12px}
.status.success{background:rgba(22,163,74,.15);color:#bbf7d0;border:1px solid rgba(22,163,74,.35)}
.status.warn{background:rgba(245,158,11,.15);color:#fde68a;border:1px solid rgba(245,158,11,.35)}
.status.error{background:rgba(239,68,68,.15);color:#fecaca;border:1px solid rgba(239,68,68,.35)}
@media (max-width:900px){.grid{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr} .hero h1{font-size:34px}}