:root{--bg-deep: #07150d;--bg-surface: #102419;--bg-elevated: #173124;--coral-bright: #e7a447;--coral-mid: #cc8536;--coral-dark: #835726;--cyan-bright: #66cd7b;--cyan-mid: #3d9e59;--cyan-glow: rgba(102, 205, 123, .35);--text-primary: #e8f2e7;--text-secondary: #9db5a4;--text-muted: #6f8a79;--border-subtle: rgba(157, 181, 164, .2);--border-accent: rgba(231, 164, 71, .34);--surface-card: rgba(12, 31, 20, .7);--surface-card-strong: rgba(11, 28, 18, .84);--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(102, 205, 123, .16);--surface-coral-soft: rgba(231, 164, 71, .16);--surface-inset-highlight: rgba(255, 255, 255, .05);--newsletter-gradient: linear-gradient( 135deg, rgba(231, 164, 71, .08) 0%, rgba(11, 28, 18, .82) 50%, rgba(102, 205, 123, .06) 100% );--press-featured-gradient: linear-gradient(135deg, rgba(231, 164, 71, .08) 0%, rgba(11, 28, 18, .72) 100%);--shadow-coral-soft: rgba(231, 164, 71, .2);--shadow-coral-mid: rgba(231, 164, 71, .28);--shadow-coral-strong: rgba(231, 164, 71, .35);--shadow-cyan-soft: rgba(102, 205, 123, .18);--shadow-github-soft: rgba(232, 242, 231, .12);--github-hover-color: #e8f2e7;--hero-title-start: #e8f2e7;--hero-title-end: #66cd7b;--logo-gradient-start: #f1b568;--logo-gradient-end: #835726;--logo-glow: rgba(231, 164, 71, .42);--logo-glow-hover: rgba(102, 205, 123, .55);--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: #f4f8ee;--bg-surface: #f9fcf5;--bg-elevated: #ebf4e5;--coral-bright: #c47f34;--coral-mid: #a96b2b;--coral-dark: #7c4e1f;--cyan-bright: #2d8f50;--cyan-mid: #1f7641;--cyan-glow: rgba(45, 143, 80, .2);--text-primary: #132118;--text-secondary: #355145;--text-muted: #5c7669;--border-subtle: rgba(19, 33, 24, .15);--border-accent: rgba(196, 127, 52, .35);--surface-card: rgba(255, 255, 255, .88);--surface-card-strong: rgba(255, 255, 255, .95);--surface-overlay: rgba(117, 138, 125, .22);--surface-interactive: rgba(19, 33, 24, .08);--surface-interactive-hover: rgba(19, 33, 24, .14);--surface-cyan-soft: rgba(45, 143, 80, .14);--surface-coral-soft: rgba(196, 127, 52, .14);--surface-inset-highlight: rgba(19, 33, 24, .05);--newsletter-gradient: linear-gradient( 135deg, rgba(196, 127, 52, .09) 0%, rgba(255, 255, 255, .98) 52%, rgba(45, 143, 80, .11) 100% );--press-featured-gradient: linear-gradient(135deg, rgba(196, 127, 52, .1) 0%, rgba(255, 255, 255, .96) 100%);--shadow-coral-soft: rgba(196, 127, 52, .18);--shadow-coral-mid: rgba(196, 127, 52, .25);--shadow-coral-strong: rgba(196, 127, 52, .31);--shadow-cyan-soft: rgba(45, 143, 80, .2);--shadow-github-soft: rgba(19, 33, 24, .18);--github-hover-color: #132118;--hero-title-start: #9b6228;--hero-title-end: #c47f34;--logo-gradient-start: #d49a54;--logo-gradient-end: #a96b2b;--logo-glow: rgba(196, 127, 52, .2);--logo-glow-hover: rgba(45, 143, 80, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);position:relative;isolation:isolate;background:radial-gradient(900px circle at -8% -18%,rgba(241,102,209,.24),transparent 62%),radial-gradient(700px circle at 108% 112%,rgba(62,251,177,.2),transparent 60%),repeating-conic-gradient(from 90deg at 50% 50%,#e7a44714 0deg 15deg,#66cd7b14 15deg 30deg,#7b5cff14 30deg 45deg,#1e082914 45deg 60deg),linear-gradient(165deg,#04160ef5,#07150d 40%,#0e0b1cf2),var(--bg-deep);background-attachment:fixed;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(820px circle at -10% -15%,rgba(223,126,255,.16),transparent 60%),radial-gradient(700px circle at 108% 112%,rgba(35,178,98,.14),transparent 58%),repeating-conic-gradient(from 140deg at 50% 50%,#c47f340a 0deg 18deg,#2d8f500a 18deg 36deg,#775cec0a 36deg 54deg,#ffffff0a 54deg 72deg),var(--bg-deep)}body:before{content:"";position:fixed;inset:-24vmax;z-index:-4;pointer-events:none;background:conic-gradient(from 12deg at 30% 40%,#96ff7814,#ff915514,#60ffc914,#b65bff17,#96ff7814);mix-blend-mode:screen;animation:jungle-swirl 28s linear infinite}body:after{content:"";position:fixed;inset:-20vmax;z-index:-3;pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.025) 0 8px,transparent 8px 26px),repeating-linear-gradient(120deg,rgba(102,205,123,.05) 0 2px,transparent 2px 14px);opacity:.62;filter:blur(.2px) saturate(130%);animation:canopy-drift 22s ease-in-out infinite alternate}@keyframes jungle-swirl{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.08)}}@keyframes canopy-drift{0%{transform:translate3d(-2%,-1%,0) skew(-1.5deg)}to{transform:translate3d(2%,1%,0) skew(1.5deg)}}.kangaroo-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.kangaroo{position:absolute;left:var(--x, 50%);top:var(--y, 50%);font-size:var(--size, 2rem);opacity:.18;filter:drop-shadow(0 0 12px rgba(231,164,71,.35));transform-origin:50% 80%;animation:kangaroo-bounce var(--dur, 3.2s) ease-in-out infinite,kangaroo-wiggle calc(var(--dur, 3.2s) * .72) ease-in-out infinite;animation-delay:var(--delay, 0s)}html[data-theme=light] .kangaroo{opacity:.12}@keyframes kangaroo-bounce{0%,to{transform:translateZ(0) rotate(-4deg) scale(1)}30%{transform:translate3d(0,-13px,0) rotate(3deg) scale(1.04)}55%{transform:translate3d(0,1px,0) rotate(-2deg) scale(.98)}}@keyframes kangaroo-wiggle{0%,to{margin-left:0}50%{margin-left:8px}}::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}}