@font-face{font-family:Chillax;src:url(/fonts/Chillax-Variable.woff2) format("woff2"),url(/fonts/Chillax-Variable.woff) format("woff");font-weight:200 700;font-display:swap;font-style:normal}:root{--color-bg-body: #070d0b;--color-bg-canvas: #0b1110;--color-bg-surface: #13201d;--color-bg-surface-hover: #1a2e29;--color-bg-inset: #0e1a17;--color-fg-primary: #e6f2ee;--color-fg-muted: #9fb7ae;--color-fg-dim: #6b8a7f;--color-border: #29423b;--color-border-subtle: #1e332d;--color-accent: #16a34a;--color-accent-hover: #15803d;--color-accent-strong: #22c55e;--color-accent-glow: rgba(22, 163, 74, .15);--color-success: #22c55e;--color-warning: #f59e0b;--color-tutorial: #a855f7;--color-header-bg: rgba(11, 17, 16, .85);--glow-1: rgba(22, 163, 74, .1);--glow-2: rgba(22, 163, 74, .07);--glow-3: rgba(22, 163, 74, .06);--divider-accent: rgba(22, 163, 74, .15);--shadow-accent-soft: rgba(22, 163, 74, .25);--shadow-accent-strong: rgba(22, 163, 74, .35);--font-display: "Chillax", system-ui, -apple-system, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--max-width: 1200px;--header-height: 64px;--glass-bg: rgba(19, 32, 29, .45);--glass-bg-subtle: rgba(19, 32, 29, .25);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);color-scheme:dark}:root[data-theme=light]{--color-bg-body: #e6ede8;--color-bg-canvas: #eef3ef;--color-bg-surface: #f8fbf8;--color-bg-surface-hover: #e8f1ea;--color-bg-inset: #e2ebe4;--color-fg-primary: #11271d;--color-fg-muted: #45584f;--color-fg-dim: #4e6158;--color-border: #bcd0c3;--color-border-subtle: #ccdcd2;--color-accent: #166534;--color-accent-hover: #14532d;--color-accent-strong: #15803d;--color-accent-glow: rgba(21, 128, 61, .18);--color-success: #15803d;--color-warning: #b45309;--color-tutorial: #9333ea;--color-header-bg: rgba(248, 251, 248, .85);--glow-1: rgba(22, 163, 74, .07);--glow-2: rgba(22, 163, 74, .05);--glow-3: rgba(22, 163, 74, .04);--divider-accent: rgba(21, 128, 61, .35);--shadow-accent-soft: rgba(21, 128, 61, .18);--shadow-accent-strong: rgba(21, 128, 61, .28);--glass-bg: rgba(248, 251, 248, .6);--glass-bg-subtle: rgba(248, 251, 248, .4);--glass-border: rgba(17, 39, 29, .22);--glass-border-hover: rgba(17, 39, 29, .34);--glass-shadow: 0 8px 32px rgba(16, 40, 28, .1);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg-body);color:var(--color-fg-primary);line-height:1.6;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 15%,var(--glow-1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 50%,var(--glow-2) 0%,transparent 50%),radial-gradient(ellipse 70% 35% at 40% 85%,var(--glow-3) 0%,transparent 40%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}img,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-success)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}@media(min-width:768px){.container{padding:0 40px}}.section{padding:80px 0}@media(min-width:768px){.section{padding:120px 0}}.section-label{font-family:var(--font-mono);font-size:.8125rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2;color:var(--color-fg-primary);margin-bottom:16px}.section-subtitle{font-size:1.125rem;color:var(--color-fg-muted);max-width:600px;line-height:1.7}.divider{border:none;height:1px;margin:0;background:linear-gradient(90deg,transparent 0%,var(--color-border-subtle) 20%,var(--divider-accent) 50%,var(--color-border-subtle) 80%,transparent 100%)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}.animate-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.theme-toggle:where(.astro-x3pjskd3){display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--color-bg-inset);border:1px solid var(--color-border-subtle)}.tt-btn:where(.astro-x3pjskd3){display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-dim);cursor:pointer;transition:color .2s,background .2s}.tt-btn:where(.astro-x3pjskd3):hover{color:var(--color-fg-primary);background:var(--color-bg-surface-hover)}.tt-btn:where(.astro-x3pjskd3):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tt-btn:where(.astro-x3pjskd3)[aria-pressed=true]{color:var(--color-accent);background:var(--color-bg-surface);box-shadow:0 1px 2px #00000026}:root[data-theme=light] .tt-btn:where(.astro-x3pjskd3)[aria-pressed=true]{box-shadow:0 1px 2px #10281c1f}.header:where(.astro-3ef6ksr2){position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:var(--color-header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.header-inner:where(.astro-3ef6ksr2){display:flex;align-items:center;height:100%;gap:32px}.logo:where(.astro-3ef6ksr2){display:flex;align-items:center;gap:10px;color:var(--color-fg-primary);flex-shrink:0}.logo:where(.astro-3ef6ksr2):hover{color:var(--color-fg-primary)}.logo-icon:where(.astro-3ef6ksr2){border-radius:var(--radius-sm)}.logo-text:where(.astro-3ef6ksr2){font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.02em}.nav:where(.astro-3ef6ksr2){display:none;align-items:center;gap:8px}@media(min-width:768px){.nav:where(.astro-3ef6ksr2){display:flex}}.nav-link:where(.astro-3ef6ksr2){font-size:.875rem;color:var(--color-fg-muted);padding:6px 12px;border-radius:var(--radius-sm);transition:color .2s,background .2s}.nav-link:where(.astro-3ef6ksr2):hover{color:var(--color-fg-primary);background:var(--color-bg-surface-hover)}.header-actions:where(.astro-3ef6ksr2){display:none;align-items:center;gap:12px;margin-left:auto}@media(min-width:768px){.header-actions:where(.astro-3ef6ksr2){display:flex}}.github-link:where(.astro-3ef6ksr2){display:flex;align-items:center;padding:8px;border-radius:var(--radius-sm)}.btn:where(.astro-3ef6ksr2){display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:8px 20px;border-radius:var(--radius-md);transition:all .2s;cursor:pointer;border:none;white-space:nowrap}.btn-primary:where(.astro-3ef6ksr2){background:var(--color-accent);color:#fff;box-shadow:0 0 12px var(--shadow-accent-soft)}.btn-primary:where(.astro-3ef6ksr2):hover{background:var(--color-accent-hover);color:#fff;box-shadow:0 0 20px var(--shadow-accent-strong)}.mobile-toggle:where(.astro-3ef6ksr2){display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;margin-left:auto;padding:4px}@media(min-width:768px){.mobile-toggle:where(.astro-3ef6ksr2){display:none}}.mobile-toggle:where(.astro-3ef6ksr2) span:where(.astro-3ef6ksr2){display:block;width:100%;height:2px;background:var(--color-fg-muted);border-radius:2px;transition:transform .3s,opacity .3s}.mobile-toggle:where(.astro-3ef6ksr2).is-active span:where(.astro-3ef6ksr2):nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle:where(.astro-3ef6ksr2).is-active span:where(.astro-3ef6ksr2):nth-child(2){opacity:0}.mobile-toggle:where(.astro-3ef6ksr2).is-active span:where(.astro-3ef6ksr2):nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav:where(.astro-3ef6ksr2){position:fixed;top:var(--header-height);left:0;right:0;bottom:0;z-index:99;background:var(--color-bg-canvas);padding:24px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.mobile-nav:where(.astro-3ef6ksr2).is-open{transform:translate(0)}@media(min-width:768px){.mobile-nav:where(.astro-3ef6ksr2){display:none}}.mobile-nav:where(.astro-3ef6ksr2) nav:where(.astro-3ef6ksr2){display:flex;flex-direction:column;gap:8px}.mobile-nav-link:where(.astro-3ef6ksr2){font-size:1.125rem;color:var(--color-fg-muted);padding:12px 0;border-bottom:1px solid var(--color-border-subtle)}.mobile-nav-link:where(.astro-3ef6ksr2):hover{color:var(--color-fg-primary)}.mobile-cta:where(.astro-3ef6ksr2){margin-top:24px;text-align:center}.mobile-theme:where(.astro-3ef6ksr2){display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-subtle)}.mobile-theme-label:where(.astro-3ef6ksr2){font-size:.875rem;color:var(--color-fg-muted)}