*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{min-height:100svh;line-height:var(--leading-default);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}@font-face{font-family:BootonVF;src:url(/fonts/BootonVF.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Hobeaux;src:url(/fonts/Hobeaux-Light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Hobeaux;src:url(/fonts/Hobeaux-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Hobeaux;src:url(/fonts/Hobeaux-Semibold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Hobeaux;src:url(/fonts/Hobeaux-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Hobeaux;src:url(/fonts/Hobeaux-Black.woff2)format("woff2");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Hobeaux;src:url(/fonts/Hobeaux-Black.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}:root{--color-surface-default:#060a15;--color-surface-secondary:#030409;--color-surface-prominent:#1e2224;--color-highlight:#5d5d56;--color-icon-default:#e5e1dc;--color-icon-oninverse-hover:#141514;--color-text-default:#e5e1dc;--color-text-secondary:#bdb9b4;--color-text-disabled:#a49684;--color-text-code-default:#baafa1;--color-text-code-attr:#e2787c;--color-text-code-function:#f08b47;--color-text-code-class:#f8c454;--color-text-code-selector:#cc98cd;--color-text-code-variable:#7fc79b;--color-text-code-url:#66ccca;--color-interactive-bkg:#282725;--color-interactive-bkg-hover:#1d1c1b;--color-interactive-bkg-hover-oninverse:#e5e1dc;--color-interactive-subtle:#7b6d5b;--color-interactive-default:#e5e1dc;--color-interactive-hover:#e5e1dc;--color-interactive-focus:#e5e1dc;--color-interactive-focus-ring:#e5e1dc;--color-interactive-focus-ring-subtle:#7b6d5b;--color-border-default:#313739;--font-display:"Hobeaux", system-ui, -apple-system, sans-serif;--font-sans:"BootonVF", system-ui, -apple-system, sans-serif;--font-code:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--step--2:clamp(.6913rem, .6585rem + .1747vw, .8681rem);--step--1:clamp(.7775rem, .7285rem + .2611vw, 1.0419rem);--step-0:clamp(.875rem, .8056rem + .3704vw, 1.25rem);--step-1:clamp(.9844rem, .8889rem + .5093vw, 1.5rem);--step-2:clamp(1.1075rem, .9793rem + .684vw, 1.8rem);--step-3:clamp(1.2456rem, 1.0763rem + .9031vw, 2.16rem);--step-4:clamp(1.4019rem, 1.1815rem + 1.1753vw, 2.5919rem);--step-5:clamp(1.5769rem, 1.2928rem + 1.5148vw, 3.1106rem);--step-6:clamp(1.7737rem, 1.411rem + 1.9346vw, 3.7325rem);--step-7:clamp(1.9956rem, 1.5358rem + 2.4525vw, 4.4787rem);--step-8:clamp(2.245rem, 1.6655rem + 3.0907vw, 5.3744rem);--step-9:clamp(2.5256rem, 1.7989rem + 3.8759vw, 6.45rem);--step-10:clamp(2.8413rem, 1.9342rem + 4.8377vw, 7.7394rem);--leading-tight:1.09;--leading-default:1.4;--leading-loose:1.6;--weight-100:100;--weight-300:300;--weight-400:400;--weight-435:435;--weight-540:540;--weight-600:600;--weight-700:700;--weight-720:720;--weight-800:800;--weight-900:900;--space-3xs:clamp(.25rem, .2384rem + .0617vw, .3125rem);--space-2xs:clamp(.4375rem, .4028rem + .1852vw, .625rem);--space-xs:clamp(.6875rem, .6412rem + .2469vw, .9375rem);--space-s:clamp(.875rem, .8056rem + .3704vw, 1.25rem);--space-m:clamp(1.3125rem, 1.2083rem + .5556vw, 1.875rem);--space-l:clamp(1.75rem, 1.6111rem + .7407vw, 2.5rem);--space-xl:clamp(2.625rem, 2.4167rem + 1.1111vw, 3.75rem);--space-2xl:clamp(3.5rem, 3.2222rem + 1.4815vw, 5rem);--space-3xl:clamp(5.25rem, 4.8333rem + 2.2222vw, 7.5rem);--space-4xl:clamp(7rem, 6.4444rem + 2.963vw, 10rem);--space-5xl:clamp(8.75rem, 8.0556rem + 3.7037vw, 12.5rem);--space-6xl:clamp(10.5rem, 9.6667rem + 4.4444vw, 15rem);--space-7xl:clamp(14rem, 12.8889rem + 5.9259vw, 20rem);--space-8xl:clamp(17.5rem, 16.1111rem + 7.4074vw, 25rem);--space-3xs-2xs:clamp(.25rem, .1806rem + .3704vw, .625rem);--space-2xs-xs:clamp(.4375rem, .3449rem + .4938vw, .9375rem);--space-xs-s:clamp(.6875rem, .5833rem + .5556vw, 1.25rem);--space-s-m:clamp(.875rem, .6898rem + .9877vw, 1.875rem);--space-m-l:clamp(1.3125rem, 1.0926rem + 1.1728vw, 2.5rem);--space-l-xl:clamp(1.75rem, 1.3796rem + 1.9753vw, 3.75rem);--space-xl-2xl:clamp(2.625rem, 2.1852rem + 2.3457vw, 5rem);--space-2xl-3xl:clamp(3.5rem, 2.7593rem + 3.9506vw, 7.5rem);--space-3xl-4xl:clamp(5.25rem, 4.3704rem + 4.6914vw, 10rem);--space-4xl-5xl:clamp(7rem, 5.9815rem + 5.4321vw, 12.5rem);--space-5xl-6xl:clamp(8.75rem, 7.5926rem + 6.1728vw, 15rem);--space-6xl-7xl:clamp(10.5rem, 8.7407rem + 9.3827vw, 20rem);--space-7xl-8xl:clamp(14rem, 11.963rem + 10.8642vw, 25rem);--border-radius-small:1rem;--border-radius-media:.725rem;--border-radius-pill:99rem;--wrapper-max:120rem}@media print{:root{--color-surface-default:#fff;--color-surface-secondary:#f5f5f5;--color-surface-prominent:#ededed;--color-highlight:#f7f7a6;--color-icon-default:#000;--color-text-default:#000;--color-text-secondary:#1f1f1f;--color-text-disabled:#3d3d3d;--color-text-code-default:#000;--color-text-code-attr:#90272b;--color-text-code-function:#c8621e;--color-text-code-class:#c38f1d;--color-text-code-selector:#a831aa;--color-text-code-variable:#179b4a;--color-text-code-url:#158e8c;--color-interactive-bkg:#e6e6e6;--color-interactive-subtle:#000;--color-interactive-default:#000;--color-border-default:#dbdbdb}}html.export{--color-surface-default:#fff;--color-surface-secondary:#f5f5f5;--color-surface-prominent:#ededed;--color-highlight:#f7f7a6;--color-icon-default:#000;--color-text-default:#000;--color-text-secondary:#1f1f1f;--color-text-disabled:#3d3d3d;--color-text-code-default:#000;--color-text-code-attr:#90272b;--color-text-code-function:#c8621e;--color-text-code-class:#c38f1d;--color-text-code-selector:#a831aa;--color-text-code-variable:#179b4a;--color-text-code-url:#158e8c;--color-interactive-bkg:#e6e6e6;--color-interactive-subtle:#000;--color-interactive-default:#000;--color-border-default:#dbdbdb}:root{--gutter:var(--space-l-xl);--transition-base:.25s ease;--transition-fade:.3s ease;--stroke-width:1px;--stroke:var(--stroke-width) solid var(--color-border-default);--radius-s:.25rem;--radius-m:.75rem;--radius-l:1.5rem;--uppercase-kerning:.1em;--color-feedback-error:#da4e4e;--color-feedback-error-text:#e27878}.skip-link{top:var(--space-s);left:var(--space-s);z-index:999;padding:var(--space-xs) var(--space-s);background:var(--color-surface-default);border:var(--stroke);border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--step--1);font-weight:var(--weight-540);color:var(--color-text-default);text-decoration:none;transition:transform .2s;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--color-highlight);outline-offset:3px;border-radius:var(--radius-s)}:focus:not(:focus-visible),h1:focus-visible,h2:focus-visible,h3:focus-visible,h4:focus-visible{outline:none}body{font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--weight-400);color:var(--color-text-default);background:var(--color-surface-default);overflow:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-700);line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--color-text-default)}h1{font-size:var(--step-6)}h2{font-size:var(--step-5)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p{line-height:var(--leading-loose);color:var(--color-text-secondary)}a{color:var(--color-text-default);text-decoration:underline;-webkit-text-decoration-color:var(--color-highlight);text-decoration-color:var(--color-highlight);text-underline-offset:.2em;transition:color var(--transition-base)}a:hover{color:var(--color-text-secondary)}strong{font-weight:var(--weight-700);color:var(--color-text-default)}em{color:var(--color-text-default);font-style:italic}hr{border:none;border-top:var(--stroke);margin-block:var(--space-m)}code{font-family:var(--font-code);background:var(--color-interactive-bkg);color:var(--color-text-code-default);border-radius:var(--radius-s);padding:.15em .4em;font-size:.85em}pre{background:var(--color-interactive-bkg);border:var(--stroke);border-radius:var(--radius-m);width:100%;overflow:auto}pre code{padding:var(--space-m);font-size:var(--step--1);line-height:var(--leading-loose);background:0 0}blockquote{border-left:3px solid var(--color-highlight);padding-left:var(--space-m);color:var(--color-text-secondary)}ul,ol{padding-left:var(--space-m)}li{line-height:var(--leading-loose);color:var(--color-text-secondary)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#webgl-bg{z-index:0;pointer-events:none;opacity:1;position:fixed;inset:0}.gate{z-index:1;min-height:100svh;padding:var(--space-l);justify-content:center;align-items:center;display:flex;position:relative}.gate__box{width:100%;max-width:36rem;padding:var(--space-2xl) var(--space-xl);background:color-mix(in srgb, var(--color-surface-default) 82%, transparent);-webkit-backdrop-filter:blur(24px);border:var(--stroke);border-radius:var(--radius-l);text-align:center}.gate__title{font-size:var(--step-5);line-height:var(--leading-tight);margin-bottom:var(--space-xs)}.gate__subtitle{font-family:var(--font-sans);font-size:var(--step-0);font-weight:var(--weight-400);color:var(--color-text-secondary);margin-bottom:var(--space-l)}.gate__intro{font-size:var(--step--1);color:var(--color-text-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-xl)}.gate__form{gap:var(--space-s);flex-direction:column;display:flex}.gate__field{gap:var(--space-xs);border:none;flex-direction:column;width:100%;min-width:0;margin:0;padding:0;display:flex}.gate__inputs{gap:var(--space-3xs);grid-template-columns:repeat(8,1fr);display:grid}.gate__digit{aspect-ratio:3/4;background:var(--color-interactive-bkg);border:var(--stroke);border-radius:var(--radius-m);width:100%;color:var(--color-text-default);font-family:var(--font-sans);font-size:var(--step-2);font-weight:var(--weight-540);text-align:center;transition:border-color var(--transition-base), outline-color var(--transition-base);touch-action:manipulation;padding:0}.gate__digit:focus{outline:2px solid var(--color-interactive-focus-ring);outline-offset:2px;border-color:#0000}.gate__digit[aria-invalid=true]{border-color:var(--color-feedback-error)}.gate__digit:disabled{opacity:.35;cursor:not-allowed}.gate__error{font-size:var(--step--2);color:var(--color-feedback-error-text);min-height:1.2em}@media (max-width:400px){.gate__box{padding:var(--space-xl) var(--space-l)}}@media (prefers-reduced-motion:reduce){.gate__digit{transition:none}}