:root{--bg:#0A0E17;--surface:#0F172A;--text:#E2E8F0;--muted:#94A3B8;--primary:#03056B;--accent:#43A200;--link:#1F7AE0}
*{box-sizing:border-box}html{scroll-behavior:smooth}
html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}
.font-display{font-family:'Space Grotesk',Inter,system-ui,sans-serif}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}
.card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(15,23,42,.6)}
.btn{border-radius:12px;padding:.8rem 1.2rem;font-weight:600;display:inline-block}
.btn-primary{background:linear-gradient(135deg,#43A200,#1F7AE0);color:#0B1221}
.btn-outline{border:1px solid rgba(255,255,255,.2);color:var(--text)}
.border-faint{border:1px solid rgba(255,255,255,.08)}
.bg-surface{background:var(--surface)}
/* light mode */
html.light body{background:#f7f8fb;color:#0c1222}
html.light .card{background:#fff;border-color:#e5e7eb}
/* Chips del hero */
.border-faint { border:1px solid rgba(255,255,255,.08); }
.text-gradient {
  background: linear-gradient(135deg, #43A200, #1F7AE0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}