/* ===== BLOQUE 1 (index.html L8-35)  — variables, reset, tipografia global ===== */
:root {
  --black: #06060A;
  --white: #F0F0EE;
  --gray-1: #0E0E14;
  --gray-2: #16161E;
  --gray-3: #222230;
  --gray-4: #555566;
  --gray-5: #8888AA;
  --red: #E03535;
  --red-glow: rgba(224,53,53,0.18);
  --glass-bg: rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.08);
  --glass-hover: rgba(255,255,255,0.07);
  --radius: 12px;
  --radius-sm: 6px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--black);
  color:var(--white);
  font-family:'Helvetica Neue',Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ===== BLOQUE 1 (index.html L36-53) — ambient background ===== */
/* ── AMBIENT BACKGROUND ── */
body::before {
  content:'';
  position:fixed;
  top:-30%;left:-20%;
  width:70vw;height:70vw;
  background:radial-gradient(circle, rgba(224,53,53,0.06) 0%, transparent 65%);
  pointer-events:none;z-index:0;
}
body::after {
  content:'';
  position:fixed;
  bottom:-20%;right:-20%;
  width:60vw;height:60vw;
  background:radial-gradient(circle, rgba(80,80,200,0.05) 0%, transparent 65%);
  pointer-events:none;z-index:0;
}