@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#7c3aed;--accent-2:#f472b6;--bg:#faf5ff;--text:#1e1033;
  --header-bg:#fff;--nav-bg:#fff;--card-bg:#fff;--stats-bg:#f3e8ff;--border:#ede1ff;
  --hero-bg:#7c3aed;--hero-text:#fff;--footer-bg:#3b1878;
}
.btn{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.btn:active{transform:scale(.9)}
.card{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.card:hover{transform:translateY(-8px) scale(1.02)}
canvas#confetti{position:fixed;inset:0;pointer-events:none;z-index:300}