:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f9fb;--bg2:#f4f4f7;--bg-subtle:#f4f4f7;--panel:#fff;--panel2:#f9f9fb;--panel3:#f4f4f7;--panel-hover:#f4f4f7;--nav-bg:#f9f9fbe0;--nav-bg-scrolled:#f9f9fbf5;--bg-canvas:#f9f9fb;--bg-panel:#fff;--bg-raised:#f4f4f7;--bg-glass-nav:#f9f9fbe0;--tc-bg:#f9f9fb;--tc-bg-surface:#fff;--tc-bg-elevated:#fff;--tc-bg-card:#fff;--tc-bg-subtle:#f4f4f7;--tc-bg-glass:#f9f9fbe0;--tc-border:#0000000f;--tc-border-subtle:#0000000a;--tc-border-hover:#0000001f;--tc-border-accent:#18181b26;--tc-accent:#18181b;--tc-accent-hover:#27272a;--tc-accent-soft:#0000000a;--tc-accent-border:#0000001a;--tc-brand-blue:#2563eb;--tc-brand-blue-soft:#2563eb14;--tc-brand-blue-border:#2563eb33;--tc-fg-primary:#18181b;--tc-fg-secondary:#52525b;--tc-fg-muted:#71717a;--tc-fg-dim:#a1a1aa;--tc-code-bg:#18181b;--tc-code-fg:#38bdf8;--tc-hero-title-gradient:linear-gradient(135deg, #18181b 0%, #3f3f46 50%, #71717a 100%);--tc-hero-glow:radial-gradient(ellipse at top, #fff 0%, #ffffffbf 40%, #f9f9fb00 75%);--text:#18181b;--ivory:#18181b;--text-soft:#52525b;--soft:#52525b;--text-muted:#71717a;--muted:#71717a;--text-muted2:#a1a1aa;--muted2:#a1a1aa;--text-primary:#18181b;--text-secondary:#52525b;--text-caption:#a1a1aa;--accent:#18181b;--red:#18181b;--accent-hover:#27272a;--red-bright:#27272a;--accent-text:#2563eb;--accent-subtle:#2563eb14;--accent-glow:#2563eb29;--accent-border:#2563eb33;--accent-cta-bg:#18181b;--accent-gradient:#18181b;--accent-gradient-hover:#27272a;--brand-blue:#2563eb;--brand-blue-soft:#2563eb14;--brand-blue-border:#2563eb33;--burg:#27272a;--burg-deep:#18181b;--gold:#d97706;--gold-bright:#f59e0b;--gold-subtle:#d977061f;--emerald:#10b981;--emerald-glow:#10b98133;--line:#0000000f;--line-soft:#0000000a;--line-strong:#0000001f;--border-subtle:#0000000f;--border-hover:#0000001f;--border-accent:#18181b26;--btn-primary-bg:#18181b;--btn-primary-text:#fff;--btn-primary-hover:#27272a;--ambient-glow-1:transparent;--ambient-glow-2:transparent;--ambient-glow-3:transparent;--cursor-glow:transparent;--giant-stroke:1px #18181b14;--giant-gradient:linear-gradient(180deg, #18181b14 0%, #18181b03 100%);--scrollbar-thumb:#00000029;--scrollbar-track:#f9f9fb;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", "SF Mono", Consolas, monospace;--serif:var(--font-display);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow:0 4px 16px -2px #0000000a, 0 2px 6px -1px #00000005;--shadow-md:0 4px 16px -2px #0000000a, 0 2px 6px -1px #00000005;--shadow-lg:0 16px 36px -4px #0000000d, 0 6px 16px -2px #00000005;--shadow-card:0 1px 3px #00000008, 0 8px 24px -4px #0000000a;--shadow-glow:0 0 18px #2563eb29;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1)}html[data-theme=light],html.light,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f9fb;--bg2:#f4f4f7;--bg-subtle:#f4f4f7;--panel:#fff;--panel2:#f9f9fb;--panel3:#f4f4f7;--panel-hover:#f4f4f7;--nav-bg:#f9f9fbe0;--nav-bg-scrolled:#f9f9fbf5;--bg-canvas:#f9f9fb;--bg-panel:#fff;--bg-raised:#f4f4f7;--bg-glass-nav:#f9f9fbe0;--tc-bg:#f9f9fb;--tc-bg-surface:#fff;--tc-bg-elevated:#fff;--tc-bg-card:#fff;--tc-bg-subtle:#f4f4f7;--tc-bg-glass:#f9f9fbe0;--tc-border:#0000000f;--tc-border-subtle:#0000000a;--tc-border-hover:#0000001f;--tc-border-accent:#18181b26;--tc-accent:#18181b;--tc-accent-hover:#27272a;--tc-accent-soft:#0000000a;--tc-accent-border:#0000001a;--tc-brand-blue:#2563eb;--tc-brand-blue-soft:#2563eb14;--tc-brand-blue-border:#2563eb33;--tc-fg-primary:#18181b;--tc-fg-secondary:#52525b;--tc-fg-muted:#71717a;--tc-fg-dim:#a1a1aa;--tc-code-bg:#18181b;--tc-code-fg:#38bdf8;--tc-hero-title-gradient:linear-gradient(135deg, #18181b 0%, #3f3f46 50%, #71717a 100%);--tc-hero-glow:radial-gradient(ellipse at top, #fff 0%, #ffffffbf 40%, #f9f9fb00 75%);--text:#18181b;--ivory:#18181b;--text-soft:#52525b;--soft:#52525b;--text-muted:#71717a;--muted:#71717a;--text-muted2:#a1a1aa;--muted2:#a1a1aa;--text-primary:#18181b;--text-secondary:#52525b;--text-caption:#a1a1aa;--accent:#18181b;--red:#18181b;--accent-hover:#27272a;--red-bright:#27272a;--accent-text:#2563eb;--accent-subtle:#2563eb14;--accent-glow:#2563eb29;--accent-border:#2563eb33;--brand-blue:#2563eb;--brand-blue-soft:#2563eb14;--brand-blue-border:#2563eb33;--line:#0000000f;--line-soft:#0000000a;--line-strong:#0000001f;--border-subtle:#0000000f;--border-hover:#0000001f;--border-accent:#18181b26;--btn-primary-bg:#18181b;--btn-primary-text:#fff;--btn-primary-hover:#27272a;--scrollbar-thumb:#00000029;--scrollbar-track:#f9f9fb;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow:0 4px 16px -2px #0000000a, 0 2px 6px -1px #00000005;--shadow-card:0 1px 3px #00000008, 0 8px 24px -4px #0000000a}html[data-theme=dark],html.dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--bg2:#121215;--bg-subtle:#1c1c20;--panel:#121215;--panel2:#141418;--panel3:#18181b;--panel-hover:#1c1c20;--nav-bg:#09090be0;--nav-bg-scrolled:#09090bf5;--bg-canvas:#09090b;--bg-panel:#121215;--bg-raised:#18181b;--bg-glass-nav:#09090be0;--tc-bg:#09090b;--tc-bg-surface:#121215;--tc-bg-elevated:#18181b;--tc-bg-card:#141418;--tc-bg-subtle:#1c1c20;--tc-bg-glass:#09090be0;--tc-border:#ffffff14;--tc-border-subtle:#ffffff0a;--tc-border-hover:#ffffff29;--tc-border-accent:#fff3;--tc-accent:#fff;--tc-accent-hover:#f4f4f5;--tc-accent-soft:#ffffff0f;--tc-accent-border:#ffffff1f;--tc-brand-blue:#3b82f6;--tc-brand-blue-soft:#3b82f61f;--tc-brand-blue-border:#3b82f64d;--tc-fg-primary:#fafafa;--tc-fg-secondary:#a1a1aa;--tc-fg-muted:#71717a;--tc-fg-dim:#52525b;--tc-code-bg:#18181b;--tc-code-fg:#38bdf8;--tc-hero-title-gradient:linear-gradient(135deg, #fff 0%, #e4e4e7 50%, #a1a1aa 100%);--tc-hero-glow:radial-gradient(ellipse at top, #ffffff14 0%, #ffffff08 40%, transparent 75%);--text:#fafafa;--ivory:#fafafa;--text-soft:#a1a1aa;--soft:#a1a1aa;--text-muted:#71717a;--muted:#71717a;--text-muted2:#52525b;--muted2:#52525b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-caption:#52525b;--accent:#fff;--red:#fff;--accent-hover:#f4f4f5;--red-bright:#f4f4f5;--accent-text:#3b82f6;--accent-subtle:#3b82f61f;--accent-glow:#3b82f638;--accent-border:#3b82f64d;--accent-cta-bg:#fff;--accent-gradient:#fff;--accent-gradient-hover:#f4f4f5;--brand-blue:#3b82f6;--brand-blue-soft:#3b82f61f;--brand-blue-border:#3b82f64d;--btn-primary-bg:#fff;--btn-primary-text:#09090b;--btn-primary-hover:#f4f4f5;--line:#ffffff14;--line-soft:#ffffff0a;--line-strong:#ffffff29;--border-subtle:#ffffff14;--border-hover:#ffffff29;--border-accent:#fff3;--scrollbar-thumb:#ffffff29;--scrollbar-track:#09090b;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 4px #0006;--shadow:0 8px 24px #00000080;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 20px 48px #000000b3;--shadow-card:0 2px 8px #0006;--shadow-glow:0 0 18px #3b82f638}html{background-color:var(--bg);color:var(--text)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}.skip-link{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;z-index:99999!important;background:var(--accent)!important;color:#fff!important;width:1px!important;height:1px!important;font-family:var(--font-mono)!important;border-radius:var(--radius-sm)!important;border:0!important;margin:-1px!important;padding:0!important;font-size:.84rem!important;font-weight:700!important;text-decoration:none!important;transition:transform .2s,top .2s!important;position:absolute!important;top:-9999px!important;left:-9999px!important;overflow:hidden!important;box-shadow:0 4px 20px #00000080!important}.skip-link:focus,.skip-link:focus-visible{clip:auto!important;white-space:normal!important;outline:2px solid var(--text)!important;outline-offset:2px!important;z-index:99999!important;width:auto!important;height:auto!important;margin:0!important;padding:10px 18px!important;position:fixed!important;top:16px!important;left:16px!important;overflow:visible!important}.btn{border-radius:var(--radius-sm);min-height:44px;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-red,a.btn-red,button.btn-red{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border-color:var(--border-subtle)!important;font-weight:700!important}.btn-red:hover,a.btn-red:hover,button.btn-red:hover{transform:translateY(-1px);background:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important;border-color:var(--border-hover)!important}.btn-primary-pill,a.btn-primary-pill,button.btn-primary-pill,a[class*=btn-primary-bg],button[class*=btn-primary-bg],a[class*=btn-primary-text],button[class*=btn-primary-text]{background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border-color:#0000!important}.btn-primary-pill:hover,a.btn-primary-pill:hover,button.btn-primary-pill:hover,a[class*=btn-primary-bg]:hover,button[class*=btn-primary-bg]:hover,a[class*=btn-primary-text]:hover,button[class*=btn-primary-text]:hover{background-color:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important}.btn-red *,.btn-red span,.btn-primary *,.btn-primary span,.btn-primary-pill *,.btn-primary-pill span,a.btn-primary-pill *,a.btn-primary-pill span,button.btn-primary-pill *,button.btn-primary-pill span,a[class*=btn-primary-bg] *,a[class*=btn-primary-bg] span,button[class*=btn-primary-bg] *,button[class*=btn-primary-bg] span,a[class*=btn-primary-text] *,a[class*=btn-primary-text] span,button[class*=btn-primary-text] *,button[class*=btn-primary-text] span{color:var(--btn-primary-text)!important}.btn-ghost{border:1px solid var(--line)!important;color:var(--text)!important;background:0 0!important}.btn-ghost:hover{border-color:var(--line-strong)!important;background:var(--panel2)!important;color:var(--text)!important}.label-red,.badge-category{background:var(--accent-subtle)!important;color:var(--accent-text)!important;border:1px solid var(--accent-border)!important}.nav{background:var(--nav-bg)!important;border-color:var(--line)!important;box-shadow:var(--shadow-sm)!important}.nav.scrolled{background:var(--nav-bg-scrolled)!important;border-color:var(--line-strong)!important;box-shadow:var(--shadow)!important}.wordmark span,.footer-brand-accent{color:var(--accent-text)!important}.nav-links a:not(.nav-cta):after{background:var(--accent)!important;box-shadow:none!important}.nav-links a.nav-cta{background:var(--panel2)!important;border-color:var(--accent-border)!important;color:var(--text)!important;box-shadow:none!important}.nav-links a.nav-cta:before{background:var(--accent)!important;box-shadow:none!important}.nav-links a.nav-cta:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.page-hero{border-bottom:1px solid var(--line-soft)!important;background:var(--bg)!important}.page-hero-label{color:var(--accent-text)!important}.tilt-card,[data-tilt],.card-panel.interactive,.service-card,.web-project-card,.tool-card,.game-card,.blog-card,.channel-card,.stat-card,.testimonial-slot{will-change:transform, box-shadow;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .25s,background-color .25s}.tilt-card:hover,[data-tilt]:hover,.card-panel.interactive:hover,.service-card:hover,.web-project-card:hover,.tool-card:hover,.game-card:hover,.blog-card:hover,.channel-card:hover,.stat-card:hover,.testimonial-slot:hover{transform:translateY(-4px);border-color:var(--line-strong)!important;box-shadow:0 16px 36px -8px #0000001f, 0 0 24px -4px var(--accent-glow)!important}.site-footer{background:var(--bg)!important;border-top:1px solid var(--line)!important}