@import url('../../shared/base.css');
:root{
  --font-heading:'Trebuchet MS',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#6c3fc9;--accent-2:#ff7ac6;--bg:#fbfaff;--text:#221a33;
  --header-bg:#fff;--nav-bg:#fff;--card-bg:#fff;--stats-bg:#f4f0ff;--border:#eee;
  --hero-text:#fff;--footer-bg:#1c1330;
}
.hero{background:linear-gradient(120deg,#6c3fc9,#3fb8c9,#ff7ac6,#6c3fc9);background-size:300% 300%;animation:aurora 14s ease infinite}
@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.hero-fx{background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.25),transparent 60%)}
.card:hover{box-shadow:0 10px 30px rgba(108,63,201,.15);transform:translateY(-3px);transition:.25s}
.stat-value{background:linear-gradient(90deg,#6c3fc9,#ff7ac6);-webkit-background-clip:text;background-clip:text;color:transparent}