:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #22222e;--accent-primary: #5f62ef;--accent-secondary: #8b5cf6;--accent-text: #818cf8;--accent-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--accent-hover: #7679f4;--accent-glow: rgba(99, 102, 241, .14);--accent-surface: rgba(99, 102, 241, .08);--accent-on: #ffffff;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #9CA3AF;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--glow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--surface-subtle: rgba(255, 255, 255, .02);--surface-raised: rgba(0, 0, 0, .3);--header-bg: rgba(10, 10, 15, .8);--halo: rgba(59, 130, 246, .05);--danger: #f87171;--danger-surface: rgba(239, 68, 68, .12);--success: #4ade80;--success-surface: rgba(34, 197, 94, .15);--success-border: rgba(34, 197, 94, .3);--neutral: #94a3b8;--neutral-surface: rgba(148, 163, 184, .15);--neutral-border: rgba(148, 163, 184, .3);--ink-surface: #14141b;--ink-border: rgba(255, 255, 255, .1);--ink-text: #e6e6ea;--ink-text-muted: #9aa0ad;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-max: 1200px;--container-padding: var(--space-md)}:root[data-theme=light]{--bg-primary: #fbfbfd;--bg-secondary: #f2f2f6;--bg-card: #ffffff;--bg-card-hover: #f6f6f9;--accent-primary: #4f46e5;--accent-secondary: #7c3aed;--accent-text: #4338ca;--accent-gradient: linear-gradient(135deg, #4f46e5, #7c3aed);--accent-hover: #4338ca;--accent-glow: rgba(79, 70, 229, .12);--accent-surface: rgba(79, 70, 229, .07);--accent-on: #ffffff;--text-primary: #16161a;--text-secondary: #4a4a57;--text-muted: #63636f;--glass: rgba(0, 0, 0, .03);--glass-border: rgba(0, 0, 0, .1);--border: rgba(0, 0, 0, .11);--border-strong: rgba(0, 0, 0, .2);--glow: 0 1px 2px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 40px -16px rgba(0, 0, 0, .16);--surface-subtle: rgba(0, 0, 0, .025);--surface-raised: #f2f2f6;--header-bg: rgba(251, 251, 253, .85);--halo: rgba(59, 130, 246, .06);--danger: #b91c1c;--danger-surface: rgba(185, 28, 28, .09);--success: #12652f;--success-surface: rgba(21, 128, 61, .1);--success-border: rgba(21, 128, 61, .28);--neutral: #52525f;--neutral-surface: rgba(82, 82, 95, .09);--neutral-border: rgba(82, 82, 95, .26)}:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--text-secondary)}a{color:var(--accent-text);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}section{padding:var(--space-3xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:var(--glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0006;color:#fff}.btn-secondary{background:var(--glass);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-border);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.text-center{text-align:center}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{margin-bottom:var(--space-sm)}.section-header p{font-size:1.125rem;max-width:600px;margin:0 auto}.icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:1.5rem}.tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.tag{font-size:.75rem;padding:.25rem .75rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary)}@media(max-width:768px){:root{--container-padding: var(--space-sm)}section{padding:var(--space-2xl) 0}}.theme-toggle[data-astro-cid-x3pjskd3]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle[data-astro-cid-x3pjskd3]:hover{color:var(--text-primary);border-color:var(--border-strong)}.theme-toggle[data-astro-cid-x3pjskd3]:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.icon-moon[data-astro-cid-x3pjskd3]{display:none}:root[data-theme=light] .icon-sun[data-astro-cid-x3pjskd3]{display:none}:root[data-theme=light] .icon-moon[data-astro-cid-x3pjskd3]{display:block}