:root{--bg-deep: #050810;--bg-surface: #0a0f1a;--bg-elevated: #111827;--coral-bright: #ff4d4d;--coral-mid: #e63946;--coral-dark: #991b1b;--cyan-bright: #00e5cc;--cyan-mid: #14b8a6;--cyan-glow: rgba(0, 229, 204, .4);--text-primary: #f0f4ff;--text-secondary: #8892b0;--text-muted: #5a6480;--border-subtle: rgba(136, 146, 176, .15);--border-accent: rgba(255, 77, 77, .3);--surface-card: rgba(10, 15, 26, .65);--surface-card-strong: rgba(10, 15, 26, .8);--surface-overlay: rgba(0, 0, 0, .3);--surface-interactive: rgba(255, 255, 255, .1);--surface-interactive-hover: rgba(255, 255, 255, .2);--surface-cyan-soft: rgba(0, 229, 204, .15);--surface-coral-soft: rgba(255, 77, 77, .15);--surface-inset-highlight: rgba(255, 255, 255, .05);--newsletter-gradient: linear-gradient( 135deg, rgba(255, 77, 77, .05) 0%, rgba(10, 15, 26, .8) 50%, rgba(0, 229, 204, .03) 100% );--press-featured-gradient: linear-gradient(135deg, rgba(255, 77, 77, .05) 0%, rgba(10, 15, 26, .7) 100%);--shadow-coral-soft: rgba(255, 77, 77, .15);--shadow-coral-mid: rgba(255, 77, 77, .25);--shadow-coral-strong: rgba(255, 77, 77, .35);--shadow-cyan-soft: rgba(0, 229, 204, .15);--shadow-github-soft: rgba(240, 244, 255, .1);--github-hover-color: #f0f4ff;--hero-title-start: #f0f4ff;--hero-title-end: #00e5cc;--logo-gradient-start: #ff4d4d;--logo-gradient-end: #991b1b;--logo-glow: rgba(255, 77, 77, .4);--logo-glow-hover: rgba(0, 229, 204, .6);--font-display: "Clash Display", system-ui, sans-serif;--font-body: "Satoshi", system-ui, sans-serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace}html[data-theme=light]{--bg-deep: #fcfeff;--bg-surface: #ffffff;--bg-elevated: #f5f9ff;--coral-bright: #ef4b58;--coral-mid: #de3f4d;--coral-dark: #c43645;--cyan-bright: #008f87;--cyan-mid: #00766e;--cyan-glow: rgba(0, 143, 135, .24);--text-primary: #0b1220;--text-secondary: #2e405c;--text-muted: #5f7290;--border-subtle: rgba(15, 23, 42, .16);--border-accent: rgba(239, 75, 88, .34);--surface-card: rgba(255, 255, 255, .88);--surface-card-strong: rgba(255, 255, 255, .95);--surface-overlay: rgba(160, 174, 194, .26);--surface-interactive: rgba(15, 23, 42, .1);--surface-interactive-hover: rgba(15, 23, 42, .16);--surface-cyan-soft: rgba(0, 143, 135, .16);--surface-coral-soft: rgba(239, 75, 88, .16);--surface-inset-highlight: rgba(15, 23, 42, .06);--newsletter-gradient: linear-gradient( 135deg, rgba(239, 75, 88, .11) 0%, rgba(255, 255, 255, .98) 52%, rgba(0, 143, 135, .12) 100% );--press-featured-gradient: linear-gradient(135deg, rgba(239, 75, 88, .13) 0%, rgba(255, 255, 255, .96) 100%);--shadow-coral-soft: rgba(239, 75, 88, .19);--shadow-coral-mid: rgba(239, 75, 88, .27);--shadow-coral-strong: rgba(239, 75, 88, .33);--shadow-cyan-soft: rgba(0, 143, 135, .22);--shadow-github-soft: rgba(11, 18, 32, .2);--github-hover-color: #0b1220;--hero-title-start: #c93342;--hero-title-end: #f04d5a;--logo-gradient-start: #ff7079;--logo-gradient-end: #ea4c59;--logo-glow: rgba(239, 75, 88, .2);--logo-glow-hover: rgba(0, 143, 135, .35)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .25s ease,color .25s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme=light] body{background:radial-gradient(1200px circle at 12% -10%,rgba(224,53,67,.04),transparent 58%),radial-gradient(900px circle at 88% -12%,rgba(0,143,135,.05),transparent 56%),var(--bg-deep)}::selection{background:var(--coral-bright);color:var(--bg-deep)}html[data-theme=light] .stars{opacity:.28;filter:saturate(.6)}html[data-theme=light] .nebula{opacity:.45}.theme-toggle{position:fixed;top:16px;right:16px;z-index:999;width:40px;height:40px;display:grid;place-items:center;padding:0;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-card-strong);cursor:pointer;backdrop-filter:blur(10px);transition:all .2s ease}.theme-toggle:hover{border-color:var(--border-accent);transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--coral-bright) 20%,transparent)}.theme-toggle:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.theme-toggle-icon{font-size:1.05rem;line-height:1;color:var(--text-secondary);transition:transform .2s ease,color .2s ease}.theme-toggle:hover .theme-toggle-icon{color:var(--text-primary);transform:rotate(10deg) scale(1.04)}@media(max-width:640px){.theme-toggle{top:10px;right:10px;width:36px;height:36px}}