@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#1d2b5f;--accent-2:#ffb703;--bg:#f4f6ff;--text:#101828;
  --header-bg:#fff;--nav-bg:#fff;--card-bg:#fff;--stats-bg:#eef1ff;--border:#e2e6ff;
  --hero-bg:#1d2b5f;--hero-text:#fff;--footer-bg:#10173a;
}
.card{transform-style:preserve-3d;perspective:800px;transition:transform .2s ease;will-change:transform}
.card:hover{box-shadow:0 20px 40px rgba(29,43,95,.2)}
.badge-3d{display:inline-block;width:64px;height:64px;border-radius:50%;background:conic-gradient(from 180deg,var(--accent-1),var(--accent-2),var(--accent-1));margin-bottom:1rem}