:root {
    --primary: #8b5cf6;
    --primary-hover: #7c3aed;
    --primary-light: #a78bfa;
    --bg-black: #060608;
    --surface-dark: #121217;
    --text-white: #ffffff;
    --text-dim: #94a3b8;
    --text-muted: #64748b;
    --accent: #fbbf24;
    --glass-white: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.12);
    --transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Plus Jakarta Sans', sans-serif; }
body { background: var(--bg-black); color: var(--text-white); overflow-x: hidden; line-height: 1.6; }
.container { max-width: 1700px; margin: 0 auto; padding: 0 40px; }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--bg-black); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 10px; }