:root{--color-bg-app:#03030a;--color-surface-base:#050613;--color-surface-muted:#0b0f1f;--color-surface-strong:#142128;--color-surface-contrast:#1a2533;--color-overlay-strong:#050613d9;--glow-purple-soft:#9d5bff33;--glow-cyan-soft:#00c2ff33;--glow-emerald-soft:#2bff8840;--glow-magenta-soft:#7b33ff40;--color-text-primary:#fff;--color-text-muted:#ffffffa6;--color-text-soft:#ffffff73;--color-border-soft:#ffffff1a;--color-border-strong:#ffffff2e;--color-accent-emerald:#10dea7;--color-accent-purple:#9d5bff;--color-accent-blue:#00c2ff;--color-accent-magenta:#7b33ff;--gradient-surface-primary:linear-gradient(to bottom,#142128 0%,#0b0f1f 58%,#050611 100%);--gradient-surface-muted:linear-gradient(to bottom,#1a2533 0%,#0e1524 58%,#050812 100%);--gradient-surface-contrast:linear-gradient(to bottom,#361447 0%,#161427 55%,#07050d 100%);--gradient-surface-neutral:linear-gradient(to bottom,#0f1117 0%,#0a0c12 55%,#050613 100%);--gradient-surface-blue:linear-gradient(to bottom,#020712 0%,#041024 25%,#050613 45%,#05030a 70%,#03030a 100%);--base-color-chains:217 91% 60%;--base-color-wrappers:271 81% 56%;--base-color-projects:25 95% 53%;--base-color-tokens:160 84% 39%;--bubble-color-chain:hsl(var(--base-color-chains));--bubble-color-wrapper:hsl(var(--base-color-wrappers));--bubble-color-project:hsl(var(--base-color-projects));--bubble-color-token:hsl(var(--base-color-tokens));--gradient-surface-chains:linear-gradient(to bottom,#0a121f 0%,#111b2c 30%,#090e15 60%,#03030a 100%);--gradient-surface-wrappers:linear-gradient(to bottom,#1a0f24 0%,#271934 30%,#150e1b 60%,#03030a 100%);--gradient-surface-projects:linear-gradient(to bottom,#24180f 0%,#342419 30%,#1b130e 60%,#03030a 100%);--gradient-surface-tokens:linear-gradient(to bottom,#11221c 0%,#152822 30%,#0d1613 60%,#03030a 100%);--gradient-bg-chains:linear-gradient(to bottom,#07090d 0%,#0a0c10 30%,#060709 60%,#03030a 100%);--gradient-bg-wrappers:linear-gradient(to bottom,#0d0a10 0%,#0f0c12 30%,#0a090c 60%,#03030a 100%);--gradient-bg-projects:linear-gradient(to bottom,#100c0a 0%,#120f0c 30%,#0c0a09 60%,#03030a 100%);--gradient-bg-tokens:linear-gradient(to bottom,#0a0f0e 0%,#0d1210 30%,#090b0b 60%,#03030a 100%);--gradient-bg-neutral:linear-gradient(to bottom,#050613 0%,#040510 30%,#03030a 60%,#03030a 100%);--grad-var:var(--gradient-surface-neutral);--header-grad-var:var(--gradient-surface-neutral);--bg-grad-var:var(--gradient-bg-neutral);--button-accent-color:hsl(var(--base-color-chains));--button-accent-color-hover:hsl(var(--base-color-chains));--shadow-elevated:0 35px 120px #03050eb3;--shadow-floating:0 20px 60px #03050e8c;--shadow-soft:0 16px 40px #03050e73;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px}body{background:var(--bg-grad-var);color:var(--color-text-primary);background-position:50%;background-attachment:fixed}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.surface-panel{border-radius:var(--radius-2xl);border:1px solid var(--color-border-soft);background:var(--gradient-surface-blue);box-shadow:var(--shadow-elevated);background-position:50%;background-attachment:fixed}.surface-panel--primary{background:var(--gradient-surface-primary);background-position:50%;background-attachment:fixed}.surface-panel--muted{background:var(--gradient-surface-muted);background-position:50%;background-attachment:fixed}.surface-panel--contrast{background:var(--grad-var);background-position:50%;background-attachment:fixed}.surface-soft,.surface-soft--blue{border-radius:var(--radius-xl);border:1px solid var(--color-border-soft);background:var(--gradient-surface-blue);box-shadow:var(--shadow-soft);background-position:50%;background-attachment:fixed}.surface-overlay{border-radius:var(--radius-2xl);background-color:var(--color-overlay-strong);border:1px solid var(--color-border-strong);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.bg-overlay-strong{background-color:var(--color-overlay-strong)}.pill{border:1px solid var(--color-border-strong);color:var(--color-text-primary);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .9rem;font-size:.7rem;display:inline-flex}.shadow-elevated{box-shadow:var(--shadow-elevated)}.shadow-floating{box-shadow:var(--shadow-floating)}.border-soft{border-color:var(--color-border-soft)}.border-strong{border-color:var(--color-border-strong)}.subscribe-button{border-color:hsl(var(--button-accent-color)/.5)}.subscribe-button:hover{border-color:hsl(var(--button-accent-color)/.8)}.subscribe-button:before{background:linear-gradient(to right,transparent,hsl(var(--button-accent-color)/.4),transparent)}