@import url('../../shared/base.css');
:root{
  --font-heading:'Futura','Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#ff2ea6;--accent-2:#00fff0;--bg:#160a2e;--text:#f4e9ff;
  --header-bg:#160a2e;--nav-bg:#160a2e;--card-bg:#1f0f3d;--stats-bg:#160a2e;--border:#3a1f66;
  --hero-text:#fff;--footer-bg:#0d0620;
}
.hero{background:linear-gradient(180deg,#2b0e5c 0%,#5c1a7a 40%,#ff2ea6 100%);position:relative;overflow:hidden}
.hero-fx{background:
  repeating-linear-gradient(transparent 0 38px,rgba(0,255,240,.15) 39px 40px),
  radial-gradient(circle at 50% 75%,rgba(255,220,120,.9),transparent 22%);
}
h1{text-shadow:0 0 12px #00fff0,0 0 24px #ff2ea6}
.card{border:1px solid #3a1f66;box-shadow:0 0 12px rgba(255,46,166,.15)}
.btn-primary{background:#00fff0;color:#160a2e}