:root { --bg:#0f1226; --card: rgba(255,255,255,.04); --border: rgba(255,255,255,.1); --text:#e7e7f7; --grad-a:#ff79c6; --grad-b:#8be9fd; --grad-c:#c084fc; }
body { background: radial-gradient(1100px circle at 10% -10%, rgba(255,255,255,.06), transparent 35%), linear-gradient(135deg, #0f1226, #1a1538 50%, #0f1226); color: var(--text); }
a { color: #a5b4fc; }
h1, h2, h3 { font-weight: 800; background: linear-gradient(90deg, var(--grad-a), var(--grad-b), var(--grad-c)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.block, .card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 1rem; }
.button, .btn { display:inline-block; padding:.6rem 1.1rem; background-image: linear-gradient(90deg, var(--grad-a), var(--grad-b)); border-radius:9999px; color:#0b0b12; font-weight:700; }