:root{--bg:var(--bg-canvas,#f9f9fb);--bg2:var(--bg-raised,#f4f4f7);--panel:var(--bg-panel,#fff);--panel2:var(--bg-raised,#f4f4f7);--ivory:var(--text-primary,#18181b);--soft:var(--text-secondary,#52525b);--muted:var(--text-muted,#71717a);--muted2:var(--text-caption,#a1a1aa);--red:var(--accent,#18181b);--red-bright:var(--accent-hover,#27272a);--burg:var(--accent,#18181b);--burg-deep:#27272a;--gold:#d97706;--gold-bright:#f59e0b;--line:var(--border-subtle,#0000000f);--line-soft:var(--border-subtle,#0000000a);--shadow:var(--shadow-card,0 4px 16px -2px #0000000a);--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--serif:var(--font-display)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ivory);font-family:var(--font-body),sans-serif;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:300;line-height:1.7;overflow-x:clip}img{max-width:100%;display:block}a{color:var(--ivory);text-decoration:none;transition:color .3s,border-color .3s,background-color .3s}a[class*=btn-primary-bg],a[class*=btn-primary-text],a.btn-primary-pill{color:var(--btn-primary-text)!important;background-color:var(--btn-primary-bg)!important}a[class*=btn-primary-bg] span,a[class*=btn-primary-text] span,a.btn-primary-pill span{color:var(--btn-primary-text)!important}::selection{background:var(--accent);color:#fff}.skip-link{z-index:10001;background:var(--accent);color:#fff;letter-spacing:.04em;border-radius:8px;padding:10px 18px;font-size:.82rem;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-120px;left:20px;box-shadow:0 4px 20px #00000080}.skip-link:focus,.skip-link:focus-visible{top:20px;outline:2px solid var(--ivory)!important;outline-offset:2px!important}:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}.btn-red:focus-visible,.nav-cta:focus-visible{outline:2px solid var(--gold-bright)!important;outline-offset:3px!important}main:focus,main#main:focus{outline:none!important}html[data-theme=light],html.light,[data-theme=light]{--bg:var(--bg-canvas,#f9f9fb);--bg2:var(--bg-raised,#f4f4f7);--panel:var(--bg-panel,#fff);--panel2:var(--bg-raised,#f4f4f7);--ivory:var(--text-primary,#18181b);--soft:var(--text-secondary,#52525b);--muted:var(--text-muted,#71717a);--muted2:var(--text-caption,#a1a1aa);--red:var(--accent,#18181b);--red-bright:var(--accent-hover,#27272a);--burg:var(--accent-hover,#27272a);--burg-deep:#18181b;--gold:#d97706;--gold-bright:#f59e0b;--line:var(--border-subtle,#0000000f);--line-soft:var(--border-subtle,#0000000a);--shadow:var(--shadow-card,0 4px 16px -2px #0000000a)}html[data-theme=light] body{background:var(--bg);color:var(--ivory)}html[data-theme=light] :focus-visible{outline-color:var(--accent)!important}html[data-theme=light] .btn-red:focus-visible,html[data-theme=light] .nav-cta:focus-visible{outline-color:var(--gold)!important}html[data-theme=light] .skip-link:focus,html[data-theme=light] .skip-link:focus-visible{outline-color:#18181b!important}html[data-theme=light] .btn-ghost{color:#18181b!important;background:#fff!important;border-color:#00000014!important}html[data-theme=light] .btn-ghost:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-subtle)!important}html[data-theme=light] .btn-line{color:#18181b!important;background:0 0!important;border-color:#00000014!important}html[data-theme=light] .btn-line:hover{border-color:var(--accent)!important;color:var(--accent)!important}html[data-theme=light] .channel-link{color:#18181b!important}html[data-theme=light] .channel-link:hover{color:var(--accent)!important}html[data-theme=dark],html.dark,[data-theme=dark]{--bg:var(--bg-canvas,#09090b);--bg2:var(--bg-raised,#121215);--panel:var(--bg-panel,#121215);--panel2:var(--bg-raised,#18181b);--ivory:var(--text-primary,#fafafa);--soft:var(--text-secondary,#a1a1aa);--muted:var(--text-muted,#71717a);--muted2:var(--text-caption,#52525b);--red:var(--accent,#fff);--red-bright:var(--accent-hover,#f4f4f5);--burg:var(--accent,#fff);--burg-deep:#f4f4f5;--gold:#f59e0b;--gold-bright:#fbbf24;--line:var(--border-subtle,#ffffff14);--line-soft:var(--border-subtle,#ffffff0a);--shadow:var(--shadow-card,0 8px 24px #00000080)}html[data-theme=dark] body,html.dark body{background:var(--bg);color:var(--ivory)}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}@media (width<=640px){.wrap{padding:0 18px}}.page-hero{border-bottom:1px solid var(--line-soft);background:radial-gradient(800px 320px at 50% 0%, var(--ambient-glow-1), transparent 70%);padding:108px 0 48px}@media (width<=580px){.page-hero{padding:92px 0 36px}}.page-hero-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;font-weight:600;display:inline-flex}.page-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ivory);margin:0 0 18px;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.12}.page-hero-lede{color:var(--muted);max-width:44em;margin:0 0 28px;font-size:1.15rem;line-height:1.75}.breadcrumbs{color:var(--muted2);align-items:center;gap:8px;margin-bottom:20px;font-size:.84rem;display:flex}.breadcrumbs a{color:var(--soft);text-decoration:none}.breadcrumbs a:hover{color:var(--ivory)}.btn{font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-red{background:var(--btn-primary-bg,var(--red));color:var(--btn-primary-text,#fff)!important}.btn-red *,.btn-red span{color:var(--btn-primary-text,#fff)!important}.btn-red:hover{background:var(--btn-primary-hover,var(--red-bright));box-shadow:0 10px 24px var(--accent-glow);transform:translateY(-2px);color:var(--btn-primary-text,#fff)!important}.btn-gold{background:var(--gold);color:#140e11}.btn-gold:hover{background:var(--gold-bright);transform:translateY(-2px);box-shadow:0 10px 24px #dfba7259}.btn-ghost{border-color:var(--line);color:var(--ivory);background:0 0}.btn-ghost:hover{border-color:var(--red);color:var(--red-bright);background:var(--accent-subtle);transform:translateY(-2px)}.btn-line{border:1px solid var(--line);color:var(--ivory);background:0 0}.btn-line:hover{border-color:var(--gold);color:var(--gold-bright)}.card-panel{background:var(--panel);border:1px solid var(--line-soft);box-shadow:var(--shadow);border-radius:16px;padding:32px;transition:border-color .3s,transform .3s}.card-panel:hover{border-color:var(--accent-border);transform:translateY(-3px)}.label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.label-red{background:var(--accent-subtle);color:var(--red-bright);border:1px solid var(--accent-border)}.label-gold{color:var(--gold-bright);background:#dfba7226;border:1px solid #dfba724d}.badge-category{letter-spacing:.04em;background:var(--accent-subtle);color:var(--red-bright);border:1px solid var(--accent-border);border-radius:6px;padding:3px 9px;font-size:.75rem;font-weight:600;display:inline-flex}#ambientCanvas{pointer-events:none;z-index:0;opacity:.65;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}html[data-theme=light] #ambientCanvas{opacity:.35;filter:contrast(1.2)brightness(1.1)}#cursorSpotlight{pointer-events:none;z-index:1;background:radial-gradient(650px circle at var(--cursor-x,-500px) var(--cursor-y,-500px), #c8102e14, #7d142408 40%, transparent 75%);opacity:1;will-change:background;transition:opacity .4s;position:fixed;inset:0}html[data-theme=light] #cursorSpotlight{background:radial-gradient(700px circle at var(--cursor-x,-500px) var(--cursor-y,-500px), #c8102e0b, #7d142404 35%, transparent 75%)}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){#cursorSpotlight,#ambientCanvas{display:none!important}}.tilt-card,[data-tilt],.card-panel.interactive,.service-card,.web-project-card,.tool-card,.game-card,.blog-card,.channel-card{transform-style:preserve-3d;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;position:relative;overflow:hidden}.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{border-color:#e03c3166!important;box-shadow:0 20px 48px -12px #000000b3,0 0 32px -4px #c8102e47!important}.card-glare{pointer-events:none;z-index:3;opacity:0;background:radial-gradient(480px circle at var(--glare-x,50%) var(--glare-y,50%), #ffffff1f, #e62e470d 40%, transparent 70%);border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.tilt-card:hover .card-glare,[data-tilt]:hover .card-glare,.card-panel.interactive:hover .card-glare,.service-card:hover .card-glare,.web-project-card:hover .card-glare,.tool-card:hover .card-glare,.game-card:hover .card-glare,.blog-card:hover .card-glare,.channel-card:hover .card-glare{opacity:1}html[data-theme=light] .card-glare{background:radial-gradient(480px circle at var(--glare-x,50%) var(--glare-y,50%), #ffffff73, #c8102e0d 40%, transparent 70%)}html[data-theme=light] .tilt-card:hover,html[data-theme=light] [data-tilt]:hover,html[data-theme=light] .card-panel.interactive:hover,html[data-theme=light] .service-card:hover,html[data-theme=light] .web-project-card:hover,html[data-theme=light] .tool-card:hover,html[data-theme=light] .game-card:hover,html[data-theme=light] .blog-card:hover,html[data-theme=light] .channel-card:hover{border-color:#c8102e59!important;box-shadow:0 18px 40px #c8102e1f!important}@media (prefers-reduced-motion:reduce){.card-glare{display:none!important}.tilt-card,[data-tilt],.card-panel.interactive,.service-card,.web-project-card,.tool-card,.game-card,.blog-card,.channel-card{transform:none!important}}