*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (hover:none){html{scroll-behavior:auto}}body{background:var(--background);min-width:320px;color:var(--on-surface);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}body:has(.custom-cursor.is-visible){cursor:none}:is(body:has(.custom-cursor.is-visible) a,body:has(.custom-cursor.is-visible) button){cursor:none}#root{min-height:100svh}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.skip-link{z-index:10001;color:#050505;font:var(--label-mono);border-radius:0 0 var(--radius) 0;background:#fff;padding:.75rem 1.25rem;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.noise-overlay{pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;inset:0}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);border-left:1px solid var(--glass-border);border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a}.section{max-width:var(--container-max);padding:var(--section-gap) var(--margin-mobile);margin:0 auto}.section-title{font:var(--headline-lg);letter-spacing:var(--tracking-headline-lg);color:var(--on-surface);margin:0;line-height:1.2;overflow:visible}@media (width>=768px){.section{padding-left:var(--gutter);padding-right:var(--gutter)}body:has(.custom-cursor.is-visible){cursor:none}}@media (width<=767px){body:has(.custom-cursor.is-visible){cursor:auto}body:has(.custom-cursor.is-visible) a{cursor:auto}body:has(.custom-cursor.is-visible) button{cursor:auto}}.btn{border-radius:var(--radius-full);width:100%;font:var(--label-mono);letter-spacing:var(--tracking-mono);justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:border-color .3s,background .3s,box-shadow .3s;display:inline-flex}.btn--primary{color:var(--btn-text);background:linear-gradient(135deg, var(--btn-from) 0%, var(--btn-to) 100%);box-shadow:0 12px 30px #00000059, 0 0 40px var(--btn-glow);border:1px solid #ffffff1f}.btn--primary:hover{border-color:color-mix(in srgb, var(--btn-from) 55%, white);box-shadow:0 14px 36px #0006, 0 0 48px var(--btn-glow)}.btn--primary svg{transition:transform .3s var(--ease-out-soft)}.btn--primary:hover svg{transform:translate(4px)}.btn--ghost{color:var(--on-surface);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);border-left:1px solid var(--glass-border);border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a}.btn--ghost:hover{background:var(--surface-container)}@media (width>=640px){.btn{width:auto}}.nav-wrap{z-index:50;pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-bar{pointer-events:auto;border-radius:var(--radius-full);background:var(--glass-nav);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);border-left:1px solid var(--glass-border);border-bottom:1px solid #ffffff0a;border-right:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;width:90%;max-width:64rem;margin-top:24px;padding:16px 32px;transition:background .35s,box-shadow .35s,margin-top .35s,padding .35s;display:flex;box-shadow:0 20px 50px #00000059}.nav-bar.is-scrolled{background:#141313c7;margin-top:12px;padding:12px 28px;box-shadow:0 16px 40px #00000073}.nav-logo{font:var(--headline-md);letter-spacing:-.04em;color:var(--on-surface);transition:transform .25s var(--ease-out-soft);white-space:nowrap;font-size:clamp(.95rem,1.4vw,1.25rem);font-weight:700;line-height:1.2;text-decoration:none}.nav-logo:hover{transform:scale(1.04)}.nav-logo:active{transform:scale(.96)}.nav-links{gap:32px;margin:0;padding:0;list-style:none;display:none}.nav-links a{font:var(--body-md);color:var(--on-surface-variant);text-decoration:none;transition:color .25s;position:relative}.nav-links a:hover,.nav-links a.is-active{color:var(--on-surface)}.nav-dot{background:var(--accent-blue);width:5px;height:5px;transition:transform .25s var(--ease-out-expo);border-radius:50%;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)scale(0);box-shadow:0 0 12px #3b82f6cc}.nav-links a.is-active .nav-dot{transform:translate(-50%)scale(1)}.nav-actions{align-items:center;gap:8px;display:flex}.nav-lang{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--primary);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:8px 16px;transition:background .3s}.nav-lang:hover{background:#ffffff0d}.nav-lang span{opacity:.45;transition:opacity .2s}.nav-lang span.is-on{opacity:1;color:#fff}.nav-lang__sep{margin:0 4px;opacity:.35!important}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;padding:10px;display:flex}.nav-burger span{background:var(--on-surface);width:100%;height:2px;transition:transform .35s var(--ease-out-expo), opacity .25s ease;border-radius:2px;display:block}.nav-burger.is-open span:first-child{transform:translateY(4px)rotate(45deg)}.nav-burger.is-open span:last-child{transform:translateY(-4px)rotate(-45deg)}.nav-mobile{pointer-events:none;z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#050505eb;justify-content:center;align-items:center;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.nav-mobile.is-open{pointer-events:auto;opacity:1;visibility:visible}.nav-mobile ul{text-align:center;margin:0;padding:0;list-style:none}.nav-mobile li{opacity:0;transition:opacity .4s var(--ease-out-expo), transform .4s var(--ease-out-expo);transform:translateY(24px)}.nav-mobile.is-open li{opacity:1;transform:none}.nav-mobile a{font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--on-surface);padding:16px 8px;text-decoration:none;display:inline-block}@media (width>=768px){.nav-links{display:flex}.nav-burger{display:none}}@media (width<=767px){.nav-bar{width:calc(100% - 8px);margin-top:12px;padding:12px 18px}}.hero{min-height:100svh;padding:8rem var(--margin-mobile) var(--section-gap);max-width:var(--container-max);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:visible}.hero__content{z-index:1;width:100%;position:relative;overflow:visible}.hero__mask{margin-top:-.12em;margin-bottom:-.06em;padding-top:.12em;padding-bottom:.06em;display:block;overflow:hidden}.hero__content.is-ready .hero__mask{overflow:visible}.hero__reveal{opacity:0;transition:transform 1.05s var(--ease-reveal), opacity .6s ease;display:block;transform:translateY(115%)}.hero__content.is-ready .hero__reveal{opacity:1;transform:translateY(0)}.hero__title{font:var(--display-xl-mobile);letter-spacing:var(--tracking-display-mobile);color:var(--on-surface);text-transform:uppercase;margin:0 0 1.5rem}.hero__subtitle{max-width:48rem;font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--primary);margin:0 auto 2rem}@media (width<=480px){.hero__subtitle{font-size:1.15rem;line-height:1.45}}.hero__desc{max-width:36rem;font:var(--body-lg);color:var(--on-surface-variant);margin:0 auto 3rem}.hero__actions{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;margin:-8px;padding:8px;display:flex;overflow:visible}.hero__btn{opacity:0;width:100%;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);display:inline-flex;overflow:visible;transform:translateY(28px)}.hero__btn.is-in{opacity:1;transform:translate(0,0)}.hero__btn .btn{will-change:transform}.hero__scroll{color:var(--on-surface-variant);animation:2s ease-in-out infinite hero-bounce;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}@keyframes hero-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@media (width>=640px){.hero__actions{flex-direction:row}.hero__btn{width:auto}}@media (width>=768px){.hero{padding-left:var(--gutter);padding-right:var(--gutter)}.hero__title{font:var(--display-xl);letter-spacing:var(--tracking-display)}}@media (prefers-reduced-motion:reduce){.hero__reveal,.hero__btn{opacity:1;transition:none;transform:none}.hero__scroll{animation:none}}.reveal{display:block}.reveal--mask{margin-top:-.18em;margin-bottom:-.06em;padding-top:.18em;padding-bottom:.06em;overflow:hidden}.reveal--mask.is-visible{overflow:visible}.reveal--mask .reveal__inner{transition:transform 1s var(--ease-reveal);display:block;transform:translateY(115%)}.reveal--up .reveal__inner{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);display:block;transform:translateY(40px)}.reveal--left .reveal__inner{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);display:block;transform:translate(-36px)}.reveal--right .reveal__inner{opacity:0;transition:opacity .9s var(--ease-out-expo), transform .9s var(--ease-out-expo);display:block;transform:translate(36px)}.reveal.is-visible .reveal__inner,.reveal.is-visible.reveal--mask .reveal__inner,.reveal.is-visible.reveal--up .reveal__inner,.reveal.is-visible.reveal--left .reveal__inner,.reveal.is-visible.reveal--right .reveal__inner{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.reveal .reveal__inner{opacity:1!important;transition:none!important;transform:none!important}}.about__title{margin-bottom:4rem;padding-top:.12em;line-height:1.25;overflow:visible}.about__title-wrap{max-width:100%;margin-bottom:0;display:inline-block;position:relative}.about__title-wrap .about__title{margin-bottom:4rem}.about__secret{cursor:none;z-index:2;background:0 0;border:0;width:28px;height:28px;padding:0;position:absolute;top:.35em;right:.15em}.about__secret:focus,.about__secret:focus-visible{outline:none}.about__grid{gap:var(--gutter);display:grid}.about__copy p{font:var(--body-lg);color:var(--on-surface-variant);max-width:48ch;margin:0}.about__stats{grid-template-columns:1fr;align-content:start;gap:1.25rem;display:grid}.about-stat{text-align:center;border-radius:var(--radius-md);opacity:0;min-height:120px;transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo), border-color .3s ease;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;transform:translateY(24px)}.about-stat.is-in{transform:translate(0,0);opacity:1!important}button.about-stat{appearance:none;width:100%;font:inherit;color:inherit;cursor:pointer}.about-stat--secret:focus-visible{border-color:#a3defe59;outline:none}.about-stat:hover{border-color:#c9c6c54d}.about-stat__value{font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--primary);margin-bottom:.5rem}.about-stat__label{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--on-surface-variant)}@media (width>=640px){.about__stats{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.about__grid{grid-template-columns:repeat(12,1fr);align-items:start}.about__copy{grid-column:1/span 5}.about__stats{grid-column:7/span 6;grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.about-stat{opacity:1;transform:none}}.services__title{text-align:right;margin-bottom:4rem}.services__grid{grid-template-columns:1fr;gap:2rem;display:grid}.services__reveal{height:100%}.service-card{border-radius:var(--radius-md);cursor:pointer;height:100%;transition:transform .45s var(--ease-out-soft), border-color .35s ease;isolation:isolate;padding:2.5rem;position:relative;overflow:hidden}.service-card:before{content:"";background:radial-gradient(circle 400px at var(--mouse-x,50%) var(--mouse-y,50%), var(--electric-blue), transparent 80%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .35s;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card--v1:hover{transform:translateY(-4px)}.service-card--v2:hover{transform:translateY(-6px)scale(1.01)}.service-card--v3:hover{border-color:#8b5cf640;transform:translateY(-3px)}.service-card--v4:hover{border-color:#3b82f640;transform:translateY(-5px)}.service-card--v5:hover{transform:translateY(-4px)scale(1.005)}.service-card__index{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--primary);opacity:.7;margin-bottom:1rem;transition:opacity .3s}.service-card:hover .service-card__index{opacity:1}.service-card h3{font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--on-surface);margin:0 0 1rem}.service-card p{font:var(--body-md);color:var(--on-surface-variant);max-width:36ch;margin:0}@media (width>=768px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.service-card:hover{transform:none}}.experience__title{margin-bottom:4rem}.experience__card{border-radius:var(--radius-md);max-width:52rem;padding:2.5rem}.experience__meta{margin-bottom:1.5rem}.experience__period{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--primary);text-transform:uppercase;margin:0 0 .75rem}.experience__role{font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--on-surface);margin:0 0 .5rem}.experience__company{font:var(--body-lg);color:var(--on-surface-variant);margin:0}.experience__desc{font:var(--body-md);color:var(--on-surface-variant);max-width:58ch;margin:0 0 1.5rem}.experience__points{font:var(--body-md);color:var(--on-surface-variant);gap:.5rem;margin:0;padding-left:1.15rem;display:grid}@media (width>=768px){.experience__card{padding:3rem}}.marquee{background:var(--surface-container-low);border-top:1px solid #8e91921a;border-bottom:1px solid #8e91921a;padding:5rem 0;overflow:hidden}.marquee__track{width:max-content;animation:40s linear infinite marquee-scroll;display:flex}.marquee__content{font-family:var(--font-sans);letter-spacing:-.05em;color:#e5e2e11a;white-space:nowrap;text-transform:uppercase;flex-shrink:0;padding-right:1rem;font-size:clamp(3.5rem,10vw,7.5rem);font-weight:800;line-height:1}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee__track{animation:none}}.contact{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:614px;display:flex}.contact__eyebrow{max-width:36rem;font:var(--body-md);letter-spacing:0;color:var(--on-surface-variant);text-transform:none;margin:0 0 1.5rem}.contact__title{font:var(--display-xl-mobile);letter-spacing:var(--tracking-display-mobile);color:var(--on-surface);margin:0 0 2.5rem}.contact__email{max-width:100%;font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--on-surface-variant);word-break:break-word;border-bottom:2px solid #c9c6c580;padding-bottom:.5rem;text-decoration:none;transition:color .3s,border-color .3s;display:inline-block}.contact__email:hover{color:var(--on-surface);border-color:var(--primary)}.contact__cta-wrap{margin-top:2.5rem;overflow:visible}.contact__cta{width:auto}@media (width>=768px){.contact__title{font:var(--display-xl);letter-spacing:var(--tracking-display)}}@media (width<=480px){.contact__email{font-size:1.1rem;line-height:1.4}}.footer{z-index:1;background:var(--surface);border-top:1px solid #44474833;position:relative}.footer__inner{max-width:var(--container-max);padding:5rem var(--margin-mobile);text-align:center;flex-direction:column;align-items:center;gap:1rem;margin:0 auto;display:flex}.footer__brand{font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--on-surface)}.footer__email{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--on-tertiary-container);word-break:break-word;text-decoration:none;transition:color .3s}.footer__email:hover{color:var(--primary)}.footer__copy{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--tertiary);margin:0}@media (width>=768px){.footer__inner{text-align:left;padding-left:var(--gutter);padding-right:var(--gutter);flex-direction:row;justify-content:space-between}}.shader-bg{z-index:-2;pointer-events:none;opacity:.4;width:100%;height:100%;position:fixed;inset:0}.shader-bg__canvas,.shader-bg__fallback{width:100%;height:100%;display:block}.shader-bg__fallback{background:radial-gradient(80% 60% at 50% 30%,#3b82f640,#0000 60%),radial-gradient(60% 50% at 70% 70%,#8b5cf633,#0000 55%),#050505}.custom-cursor{pointer-events:none;z-index:10000;mix-blend-mode:difference;opacity:0;width:20px;height:20px;transition:width .25s var(--ease-out-expo), height .25s var(--ease-out-expo), background-color .25s ease, opacity .2s ease;will-change:transform;background:#c9c6c580;border-radius:50%;place-items:center;display:grid;position:fixed;top:0;left:0}.custom-cursor.is-visible{opacity:1}.custom-cursor--hover{background:#c9c6c51a;border:1px solid #c9c6c5cc;width:50px;height:50px}.custom-cursor--view{mix-blend-mode:normal;background:#c9c6c51f;border:1px solid #c9c6c5e6;width:72px;height:72px}.custom-cursor__label{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:#fff;text-transform:uppercase}@media (width<=768px){.custom-cursor{display:none}}.scroll-progress{z-index:60;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress__bar{transform-origin:0;background:linear-gradient(90deg, var(--accent-blue), var(--accent-violet));will-change:transform;width:100%;height:100%;box-shadow:0 0 12px #3b82f673}@media (prefers-reduced-motion:reduce){.scroll-progress{display:none}}.secret-maze{z-index:80;opacity:0;pointer-events:none;background:#030303;transition:opacity .35s;position:fixed;inset:0}.secret-maze.is-visible{opacity:1;pointer-events:auto}.secret-maze__canvas{cursor:none;width:100%;height:100%;display:block}.secret-maze__close{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e5e2e1b3;cursor:pointer;background:#1413138c;border:1px solid #ffffff1f;border-radius:50%;width:40px;height:40px;font-size:1.4rem;line-height:1;transition:color .2s,background .2s;position:absolute;top:1rem;right:1rem}.secret-maze__close:hover{color:#fff;background:#201f1fcc}.secret-maze__hint{z-index:2;font:var(--label-mono);letter-spacing:var(--tracking-mono);color:#e5e2e18c;text-transform:uppercase;pointer-events:none;margin:0;animation:2.2s forwards secret-hint-fade;position:absolute;top:12%;left:50%;transform:translate(-50%)}@keyframes secret-hint-fade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.secret-maze__pad{z-index:2;opacity:.45;width:132px;height:132px;position:absolute;bottom:1.25rem;left:1rem}.secret-maze__pad-btn{touch-action:none;-webkit-user-select:none;user-select:none;background:#201f1f8c;border:1px solid #ffffff2e;border-radius:10px;width:40px;height:40px;position:absolute}.secret-maze__pad-up{top:0;left:46px}.secret-maze__pad-left{top:46px;left:0}.secret-maze__pad-right{top:46px;right:0}.secret-maze__pad-down{bottom:0;left:46px}.secret-maze__modal{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.secret-maze__modal-card{border-radius:var(--radius-md);text-align:center;width:min(100%,420px);padding:2rem}.secret-maze__modal-card h2{font:var(--headline-md);letter-spacing:var(--tracking-headline-md);color:var(--on-surface);margin:0 0 .75rem}.secret-maze__modal-card p{font:var(--body-md);color:var(--on-surface-variant);margin:0 0 1.75rem}.secret-maze__modal-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.secret-maze__modal-actions .btn{width:auto;min-width:120px}@media (prefers-reduced-motion:reduce){.secret-maze,.secret-maze__hint{transition:none;animation:none}}.secret-airhockey{z-index:90;opacity:0;pointer-events:none;background:#04060a;transition:opacity .35s;position:fixed;inset:0}.secret-airhockey.is-visible{opacity:1;pointer-events:auto}.secret-airhockey__frame{background:#04060a;border:0;width:100%;height:100%;display:block}.theme-gate{z-index:70;will-change:opacity, filter, transform;--brand:#3b82f6;--gate-bg-inner:#1a2744;--gate-bg-outer:#050508;--gate-face-inner:#243356;--gate-face-outer:#0c101c;--gate-ink:#e5e2e1;--gate-muted:#8b9bb8;--gate-on-accent:#071018;--gate-stop-bg:#0e1424eb;--gate-stop-border:#3b82f666;--gate-stop-text:#b8c7e0;--gate-wheel-border:#3b82f647;position:fixed;inset:0}.ccm-11,.ccm-11 *,.ccm-11 :before,.ccm-11 :after{box-sizing:border-box;margin:0;padding:0}.ccm-11{width:100%;min-height:100dvh;font-family:var(--font-sans,"Segoe UI", system-ui, sans-serif);color:var(--gate-ink);background:var(--gate-bg-outer);justify-content:center;align-items:center;transition:background .55s,color .35s;display:flex}.ccm-11__stage{background:radial-gradient(circle at 50% 28%, var(--gate-bg-inner) 0%, var(--gate-bg-outer) 72%);align-content:center;place-items:center;gap:28px;width:100%;height:100dvh;transition:background .55s;display:grid;position:relative;overflow:hidden}.ccm-11__stage:before{content:"";background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--brand) 18%, transparent), transparent 55%);pointer-events:none;transition:background .55s;position:absolute;inset:-20%}.ccm-11__eyebrow{z-index:4;font:500 12px/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--gate-muted);transition:color .35s;position:absolute;top:clamp(20px,4vh,40px);left:50%;translate:-50%}.ccm-11__title{z-index:4;font:700 clamp(22px, 4vw, 36px) / 1.1 var(--font-sans,system-ui, sans-serif);letter-spacing:-.03em;color:var(--gate-ink);text-align:center;transition:color .35s;position:absolute;top:clamp(44px,7vh,72px);left:50%;translate:-50%}.ccm-11__pointer{border:9px solid #0000;border-top:13px solid var(--brand);width:0;height:0;filter:drop-shadow(0 2px 8px color-mix(in srgb, var(--brand) 55%, transparent));z-index:3;transition:border-top-color .35s,filter .35s;position:absolute;top:calc(50% - 196px);left:50%;translate:-50%}.ccm-11__machine{z-index:2;place-items:center;width:340px;height:340px;margin-top:36px;display:grid;position:relative}.ccm-11__wheel{border:1px solid var(--gate-wheel-border);rotate:var(--rot,0deg);border-radius:50%;list-style:none;transition:rotate .7s cubic-bezier(.3,1,.35,1),border-color .45s;position:absolute;inset:0}.ccm-11__wheel li{pointer-events:none;--a:calc((360deg / var(--n)) * var(--i) - 90deg);translate:calc(cos(var(--a)) * 170px) calc(sin(var(--a)) * 170px);place-items:center;display:grid;position:absolute;inset:0}.ccm-11__stop{pointer-events:auto;border:1px solid var(--stop-border,var(--gate-stop-border));background:var(--stop-bg,var(--gate-stop-bg));color:var(--stop-text,var(--gate-stop-text));font:600 13px/1 var(--font-sans,"Segoe UI", system-ui, sans-serif);letter-spacing:.02em;cursor:pointer;white-space:nowrap;rotate:calc(var(--rot,0deg) * -1);border-radius:999px;padding:9px 16px;transition:rotate .7s cubic-bezier(.3,1,.35,1),background .3s,color .3s,border-color .3s,scale .25s,box-shadow .3s}.ccm-11__stop:hover{border-color:var(--stop-accent,var(--brand));color:#fff;box-shadow:0 0 18px -6px color-mix(in srgb, var(--stop-accent,var(--brand)) 55%, transparent)}.ccm-11__stop:focus-visible{outline:3px solid var(--stop-accent,var(--brand));outline-offset:3px}.ccm-11__stop.is-active{background:var(--stop-accent,var(--brand));border-color:var(--stop-accent,var(--brand));color:var(--stop-on,var(--gate-on-accent));box-shadow:0 0 28px -4px color-mix(in srgb, var(--stop-accent,var(--brand)) 75%, transparent);scale:1.12}.ccm-11__face{z-index:2;text-align:center;background:radial-gradient(circle at 38% 30%, var(--gate-face-inner), var(--gate-face-outer));border:1px solid color-mix(in srgb, var(--brand) 35%, transparent);width:190px;height:190px;box-shadow:inset 0 1px 0 #ffffff14, 0 20px 50px -20px #000c, 0 0 40px -12px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:50%;place-content:center;justify-items:center;gap:4px;transition:background .45s,border-color .45s,box-shadow .45s;display:grid;position:relative}.ccm-11__face em{letter-spacing:.22em;text-transform:uppercase;color:var(--gate-muted);font-size:10px;font-style:normal;transition:color .35s}.ccm-11__current{letter-spacing:-.01em;color:var(--gate-ink);font-size:22px;font-weight:700;transition:color .35s}.ccm-11__tagline{font:500 11px/1.3 var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;text-transform:uppercase;color:var(--gate-muted);max-width:16ch;transition:color .35s}.ccm-11__steer{gap:10px;margin-top:10px;display:flex}.ccm-11__steer button{border:1px solid color-mix(in srgb, var(--brand) 40%, transparent);background:color-mix(in srgb, var(--gate-face-outer) 88%, var(--brand));width:40px;height:40px;color:var(--gate-ink);cursor:pointer;border-radius:50%;font-size:15px;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}.ccm-11__steer button:hover{background:var(--brand);border-color:var(--brand);color:var(--gate-on-accent);box-shadow:0 0 16px -4px color-mix(in srgb, var(--brand) 70%, transparent)}.ccm-11__steer button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.ccm-11__live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ccm-11__hint{z-index:4;font:500 12px/1 var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--gate-muted);text-align:center;white-space:nowrap;transition:color .35s;position:absolute;bottom:clamp(20px,4vh,40px);left:50%;translate:-50%}@media (width<=420px){.ccm-11__machine{width:300px;height:300px}.ccm-11__wheel li{translate:calc(cos(var(--a)) * 148px) calc(sin(var(--a)) * 148px)}.ccm-11__pointer{top:calc(50% - 178px)}.ccm-11__stop{padding:8px 12px;font-size:11px}.ccm-11__face{width:168px;height:168px}.ccm-11__current{font-size:18px}}@media (prefers-reduced-motion:reduce){.ccm-11 *,.ccm-11,.ccm-11__stage,.ccm-11__stage:before{transition-duration:10ms!important}.theme-gate{transition:none}}.admin-root{min-height:100vh;color:var(--on-surface);font-family:var(--font-sans);background:radial-gradient(80% 50% at 20% -10%,#3b82f61f,#0000),radial-gradient(60% 40% at 90% 10%,#a3defe0f,#0000),#050505;padding:24px clamp(16px,4vw,48px) 64px}.admin-eyebrow{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--text-secondary);margin:0 0 8px}.admin-login{place-items:center;display:grid}.admin-login__panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(420px,100%);padding:40px 32px}.admin-login__panel h1{font:600 28px/1.2 var(--font-sans);letter-spacing:-.02em;margin:0 0 8px}.admin-login__hint{color:var(--text-secondary);margin:0 0 28px;font-size:14px;line-height:1.5}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-form label{color:var(--text-secondary);flex-direction:column;gap:8px;font-size:13px;display:flex}.admin-form input{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface);font:400 15px/1.4 var(--font-sans);outline:none;padding:12px 14px}.admin-form input:focus{border-color:var(--accent-blue)}.admin-btn{appearance:none;border:1px solid var(--glass-border);color:#141313;font:600 14px/1 var(--font-sans);cursor:pointer;transition:transform .2s var(--ease-out-soft), opacity .2s;background:#e5e2e1;padding:14px 18px}.admin-btn:hover:not(:disabled){transform:translateY(-1px)}.admin-btn:disabled{opacity:.6;cursor:wait}.admin-btn.ghost{color:var(--on-surface);background:0 0}.admin-error{color:#f87171;margin:0;font-size:13px}.admin-error.banner{margin-bottom:16px}.admin-top{border-bottom:1px solid var(--outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.admin-top h1{font:600 32px/1.1 var(--font-sans);letter-spacing:-.03em;margin:0}.admin-top__right{align-items:center;gap:12px;display:flex}.admin-user{font:var(--label-mono);color:var(--text-secondary)}.admin-live-pill{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--text-muted);border:1px solid var(--outline-variant);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.admin-live-pill.is-live{color:#86efac;border-color:#86efac59}.admin-live-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite admin-pulse;box-shadow:0 0}.admin-live-pill:not(.is-live) .admin-live-dot{opacity:.4;animation:none}@keyframes admin-pulse{0%{box-shadow:0 0 #86efac80}70%{box-shadow:0 0 0 8px #86efac00}to{box-shadow:0 0 #86efac00}}.admin-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.admin-metric{background:var(--surface-container-low);border:1px solid #ffffff0f;flex-direction:column;gap:8px;min-height:96px;padding:16px;display:flex}.admin-metric__label{font:var(--label-mono);letter-spacing:var(--tracking-mono);color:var(--text-secondary);text-transform:uppercase}.admin-metric__value{font:600 28px/1 var(--font-sans);letter-spacing:-.03em}.admin-metric__note{color:var(--text-muted);font-size:11px;line-height:1.3}.admin-grid{grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.admin-panel{background:#201f1f73;border:1px solid #ffffff14;margin-bottom:16px;padding:20px 22px 24px}.admin-panel h2{font:600 18px/1.3 var(--font-sans);letter-spacing:-.02em;margin:0}.admin-panel__sub{color:var(--text-muted);margin:4px 0 16px;font-size:12px}.admin-h3{font:500 13px/1.2 var(--font-mono);letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;margin:12px 0 8px}.admin-map__svg{border:1px solid #ffffff0f;width:100%;height:auto;display:block}.admin-stream{flex-direction:column;gap:12px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.admin-stream li{color:var(--on-surface);gap:10px;font-size:13px;line-height:1.45;display:flex}.admin-stream small{color:var(--text-muted)}.admin-stream__dot{background:#86efac;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.admin-empty{color:var(--text-muted);font-size:13px}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ffffff0f;padding:8px 6px}.admin-table th{font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.admin-list{margin:0;padding:0;list-style:none}.admin-list li{border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;display:flex}.admin-list em{color:var(--text-secondary);font-style:normal;font-family:var(--font-mono)}.admin-split3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-bars{align-items:flex-end;gap:6px;height:140px;margin-top:12px;display:flex}.admin-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.admin-bar__fill{background:linear-gradient(#3b82f6,#3b82f633);width:100%;min-height:2px}.admin-bar span{font:500 10px/1 var(--font-mono);color:var(--text-muted)}@media (width<=1100px){.admin-metrics{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}@media (width<=700px){.admin-metrics{grid-template-columns:repeat(2,1fr)}.admin-split3{grid-template-columns:1fr}}:root{--surface:#141313;--surface-dim:#141313;--surface-bright:#3a3939;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2b2a2a;--surface-container-highest:#353434;--surface-variant:#353434;--background:#050505;--on-background:#e5e2e1;--on-surface:#e5e2e1;--on-surface-variant:#c4c7c7;--primary:#c9c6c5;--on-primary:#313030;--primary-container:#050505;--outline:#8e9192;--outline-variant:#444748;--tertiary:#c9c6c5;--on-tertiary-container:#797777;--accent-blue:#3b82f6;--accent-violet:#8b5cf6;--electric-blue:#a3defe26;--text-secondary:#a1a1aa;--text-muted:#52525b;--btn-from:#2563eb;--btn-to:#7c3aed;--btn-glow:#3b82f638;--btn-text:#fff;--glass-bg:#201f1f66;--glass-nav:#201f1f99;--glass-border:#ffffff1a;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--display-xl:800 120px/110px var(--font-sans);--display-xl-mobile:800 56px/60px var(--font-sans);--headline-lg:700 64px/1.2 var(--font-sans);--headline-md:600 32px/40px var(--font-sans);--body-lg:400 18px/28px var(--font-sans);--body-md:400 16px/24px var(--font-sans);--label-mono:500 12px/16px var(--font-mono);--tracking-display:-.05em;--tracking-display-mobile:-.04em;--tracking-headline-lg:-.03em;--tracking-headline-md:-.02em;--tracking-mono:.1em;--unit:8px;--gutter:24px;--margin-mobile:20px;--section-gap:160px;--container-max:1440px;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--ease-reveal:cubic-bezier(.77, 0, .175, 1);--ease-out-soft:cubic-bezier(.25, .46, .45, .94);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}@media (width<=1024px){:root{--section-gap:100px;--headline-lg:700 48px/1.2 var(--font-sans)}}@media (width<=768px){:root{--section-gap:80px;--headline-lg:700 36px/1.25 var(--font-sans);--headline-md:600 24px/32px var(--font-sans);--body-lg:400 16px/26px var(--font-sans)}}html[data-theme=creed]{--background:#070806;--surface:#121410;--surface-container-lowest:#0a0b08;--surface-container-low:#161812;--surface-container:#1b1d16;--surface-container-high:#262920;--surface-container-highest:#32362a;--on-background:#e8e6dc;--on-surface:#e8e6dc;--on-surface-variant:#b7b6a8;--primary:#e8e6dc;--outline:#8a8878;--outline-variant:#3f4236;--accent-blue:#d4af37;--accent-violet:#8a7a3c;--electric-blue:#d4af3724;--text-secondary:#a8a48c;--text-muted:#5c5a4c;--glass-bg:#16181280;--glass-nav:#161812b8;--glass-border:#d4af3729;--theme-shader-a:.08, .09, .05;--theme-shader-b:.35, .28, .08;--theme-shader-c:.12, .14, .08;--btn-from:#b8962e;--btn-to:#6b5a22;--btn-glow:#d4af3747;--btn-text:#120f05}html[data-theme=punisher]{--background:#050505;--surface:#121010;--surface-container-lowest:#0a0808;--surface-container-low:#181414;--surface-container:#1e1818;--surface-container-high:#2a2020;--surface-container-highest:#362828;--on-background:#ece8e8;--on-surface:#ece8e8;--on-surface-variant:#b9a8a8;--primary:#ece8e8;--outline:#8f7878;--outline-variant:#4a3434;--accent-blue:#c41e3a;--accent-violet:#7a1524;--electric-blue:#c41e3a29;--text-secondary:#b09090;--text-muted:#5a4040;--glass-bg:#1810108c;--glass-nav:#181010bf;--glass-border:#c41e3a33;--theme-shader-a:.06, .02, .02;--theme-shader-b:.45, .05, .1;--theme-shader-c:.15, .05, .05;--btn-from:#c41e3a;--btn-to:#6b0f1f;--btn-glow:#c41e3a52;--btn-text:#fff}html[data-theme=spectre]{--background:#04080a;--surface:#0e1618;--surface-container-lowest:#071012;--surface-container-low:#121c1f;--surface-container:#172327;--surface-container-high:#223035;--surface-container-highest:#2d3d43;--on-background:#dcecec;--on-surface:#dcecec;--on-surface-variant:#9eb4b6;--primary:#dcecec;--outline:#6f888c;--outline-variant:#2f4348;--accent-blue:#3dd6c3;--accent-violet:#2a8f9a;--electric-blue:#3dd6c329;--text-secondary:#8fadb0;--text-muted:#45585c;--glass-bg:#101c2080;--glass-nav:#101c20b8;--glass-border:#3dd6c32e;--theme-shader-a:.02, .06, .07;--theme-shader-b:.05, .35, .35;--theme-shader-c:.05, .15, .25;--btn-from:#2bb8a8;--btn-to:#1a6b7a;--btn-glow:#3dd6c34d;--btn-text:#041416}html[data-theme=ronin]{--background:#080706;--surface:#141210;--surface-container-lowest:#0c0a08;--surface-container-low:#1a1714;--surface-container:#201c18;--surface-container-high:#2c2722;--surface-container-highest:#3a332c;--on-background:#efe8de;--on-surface:#efe8de;--on-surface-variant:#b9b0a3;--primary:#efe8de;--outline:#8c8376;--outline-variant:#433c34;--accent-blue:#c4a574;--accent-violet:#7d6544;--electric-blue:#c4a57424;--text-secondary:#a89a88;--text-muted:#5a5248;--glass-bg:#1a161280;--glass-nav:#1a1612b8;--glass-border:#c4a57429;--theme-shader-a:.06, .05, .03;--theme-shader-b:.35, .25, .12;--theme-shader-c:.15, .08, .05;--btn-from:#c4a574;--btn-to:#7d6544;--btn-glow:#c4a57447;--btn-text:#140f0a}html[data-theme=obsidian]{--background:#050505;--surface:#141313;--surface-dim:#141313;--surface-bright:#3a3939;--surface-container-lowest:#0e0e0e;--surface-container-low:#1c1b1b;--surface-container:#201f1f;--surface-container-high:#2b2a2a;--surface-container-highest:#353434;--surface-variant:#353434;--on-background:#e5e2e1;--on-surface:#e5e2e1;--on-surface-variant:#c4c7c7;--primary:#c9c6c5;--on-primary:#313030;--primary-container:#050505;--outline:#8e9192;--outline-variant:#444748;--tertiary:#c9c6c5;--on-tertiary-container:#797777;--accent-blue:#3b82f6;--accent-violet:#8b5cf6;--electric-blue:#a3defe26;--text-secondary:#a1a1aa;--text-muted:#52525b;--glass-bg:#201f1f66;--glass-nav:#201f1f99;--glass-border:#ffffff1a;--theme-shader-a:.02, .02, .05;--theme-shader-b:.1, .2, .5;--theme-shader-c:.3, .1, .5;--btn-from:#2563eb;--btn-to:#7c3aed;--btn-glow:#3b82f638;--btn-text:#fff}