@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#0ea5a5;--accent-2:#a78bfa;--bg:#0a1220;--text:#dfeaf5;
  --header-bg:rgba(10,18,32,.85);--nav-bg:rgba(10,18,32,.85);--card-bg:rgba(255,255,255,.06);--stats-bg:rgba(255,255,255,.04);--border:rgba(255,255,255,.12);
  --hero-bg:#0a1220;--hero-text:#fff;--footer-bg:#050a14;
}
body{background:radial-gradient(circle at 50% -10%,#123049,#0a1220 60%)}
.card,.stat,blockquote,details{backdrop-filter:blur(10px);border-radius:16px;transform:translateZ(0);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.hero-content{transform-style:preserve-3d}
.stats-bar{perspective:1000px}
.stat{transition:transform .3s}
.stat:hover{transform:translateZ(20px) scale(1.05)}