:root { --brand:#7c3aed; --brand2:#a78bfa; --bg:#0a0a0f; --panel:#11121a; --line:rgba(255,255,255,.08); }
html, body { background: radial-gradient(1000px 700px at -10% -10%, #1a1033 0%, transparent 60%), var(--bg); }
.shadow-deep { box-shadow: 0 20px 40px rgba(0,0,0,.35); }
.glass { background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border: 1px solid var(--line); }
.grad-btn { background-image: linear-gradient(135deg, var(--brand), var(--brand2)); }
.badge { border:1px solid var(--line); background: rgba(255,255,255,.04); }
.card { background: #0f0f18; border: 1px solid var(--line); }
.hero-grad { background: radial-gradient(600px 300px at 10% -10%, #2a1558 0%, transparent 60%), radial-gradient(600px 300px at 90% 110%, #4b2ca6 0%, transparent 60%); }