/* Global site-wide skin for "Creator / Social Media" — vibrant, rounded. */
:root{--primary:#a855f7;--primary-light:#f5edff;--bg:#fafafa;--surface:#fff;--surface-alt:#f5f5f7;--border:#f0f0f2;--text:#18181b;--text-muted:#71717a;--radius:18px;--shadow:0 4px 20px rgba(168,85,247,.1);--font-heading:'Baloo 2',sans-serif;--font-body:'Inter',-apple-system,sans-serif;}
[data-theme="dark"]{--bg:#0e0e11;--surface:#18181b;--surface-alt:#1f1f23;--text:#f4f4f5;--text-muted:#a1a1aa;--border:#27272a;--primary:#c084fc;--primary-light:#2a1f38;}

/* ── Layout DNA ── big rounded pills, playful blob hero, bouncy cards */
.btn{border-radius:999px;font-weight:700;box-shadow:0 6px 18px rgba(168,85,247,.22);}
.main-nav a{border-radius:999px;font-weight:700;}
.site-header{box-shadow:0 2px 12px rgba(168,85,247,.08);}
.hero{padding:70px 20px;border-radius:0 0 32px 32px;}
.hero::before{background:var(--primary);opacity:.25;width:340px;height:340px;}
.hero::after{background:#f43f5e;opacity:.2;width:260px;height:260px;}
.card{border-radius:20px;}
.card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 12px 30px rgba(168,85,247,.18);}
/* Creator: bold square posts, extra saturation, a playful bounce+tilt on hover. */
.thumb-photo{aspect-ratio:1/1;border-radius:20px 20px 0 0;filter:saturate(1.3);}
.thumb-avatar{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--primary);}
.card:hover .thumb-photo{transform:scale(1.06) rotate(-1deg);}
.stat-num{font-family:var(--font-heading);}