/* Global site-wide skin for "Dynamic Modern Web" — violet, glass-friendly. */
:root{--primary:#7c3aed;--primary-light:#f3eeff;--bg:#faf9fc;--surface:#fff;--surface-alt:#f5f3f9;--border:#ece9f3;--text:#0f0f14;--text-muted:#6b6b7a;--radius:18px;--shadow:0 6px 24px rgba(124,58,237,.1);--font-heading:'Sora',sans-serif;--font-body:'Inter',-apple-system,sans-serif;}
[data-theme="dark"]{--bg:#0d0d12;--surface:#17171f;--surface-alt:#1c1c26;--text:#f1f1f5;--text-muted:#9a9aa8;--border:#26262f;--primary:#a78bfa;--primary-light:#241f38;}

/* ── Layout DNA ── glassmorphism everywhere, asymmetric hero, floating cards */
.btn{border-radius:999px;box-shadow:0 6px 20px rgba(124,58,237,.22);}
.main-nav a{border-radius:999px;}
.site-header{backdrop-filter:blur(14px);background:rgba(255,255,255,.7);border-bottom:1px solid var(--border);}
[data-theme="dark"] .site-header{background:rgba(13,13,18,.7);}
.hero{padding:80px 20px;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.12),transparent 50%),radial-gradient(circle at 80% 60%,rgba(236,72,153,.1),transparent 50%);}
.hero::before,.hero::after{display:none;}
.card{border-radius:22px;backdrop-filter:blur(8px);}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(124,58,237,.18);}
.stat-num{font-family:var(--font-heading);}