@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gate/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gate/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/gate/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/gate/assets/newsreader-vietnamese-opsz-italic-DTr-ymY4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/gate/assets/newsreader-latin-ext-opsz-italic-CSPGnFdO.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/gate/assets/newsreader-latin-opsz-italic-kJKFiXvB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-espresso:#15110d;--c-walnut:#3a2b20;--c-bronze:#a9824e;--c-bronze-light:#cdae7c;--c-linen:#eee7dc;--c-sand:#e3d3ba;--c-paper:#f7f3ed;--c-ink:#1d1814;--c-ink-muted:#5e564d;--c-stone:#8c8378;--f-display:"Jost Variable", "Jost", ui-sans-serif, system-ui, sans-serif;--f-text:"Newsreader Variable", "Newsreader", Georgia, "Times New Roman", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--gutter:clamp(20px, 5.5vw, 88px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .42 0 0 0 0 .33 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@layer base{*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--c-espresso);color:var(--c-linen);font-family:var(--f-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;height:auto;display:block}button,input{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer components{.gate{isolation:isolate;background:#1a1f18;min-height:100svh;position:relative;overflow:clip}.gate-forest{z-index:0;position:absolute;inset:0;overflow:hidden}.gate-forest img{object-fit:cover;object-position:50% 36%;transform-origin:50% 36%;width:100%;height:100%;transition:transform 2.1s cubic-bezier(.55,0,.25,1),filter 2.1s;animation:38s ease-in-out infinite alternate gate-drift}.gate-forest:after{content:"";background:radial-gradient(70% 60% at 50% 36%,#0c0e0a00 0%,#0c0e0a47 60%,#0a0b089e 100%),linear-gradient(#0000 38%,#0c0c0933 60%,#0c0c09c7 100%);transition:opacity 1.6s;position:absolute;inset:0}@keyframes gate-drift{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.07)translate(-.6%,-.4%)}}.gate[data-status=open] .gate-forest img{filter:brightness(.9);animation:none;transform:scale(1.32)}.gate[data-status=open] .gate-ui,.gate[data-status=open] .gate-foot{opacity:0;transition:opacity .7s,transform .9s;transform:translate(-50%,8px)}.gate[data-status=open] .gate-foot{transform:translateY(8px)}@media (aspect-ratio<=4/5){.gate-forest img{object-position:50% 33%;transform-origin:50% 33%}}.gate:after{content:"";background-image:var(--grain);opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:2;animation:1.2s steps(6,end) infinite gate-grain;position:absolute;inset:-50%}@keyframes gate-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.gate-stage{z-index:1;position:absolute;inset:0}.gate-stage canvas{touch-action:pan-y}.gate-fallback{color:#f4f1ec;opacity:.5;width:min(62vw,560px);transition:opacity 1.2s var(--ease-out);position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)scaleY(.82)}.gate-canvas{opacity:0;transition:opacity 1.6s var(--ease-out);position:absolute;inset:0}.gate[data-scene=ready] .gate-canvas{opacity:1}.gate[data-scene=ready] .gate-fallback{opacity:0}.gate-ui{left:50%;bottom:calc(max(56px, 9vh) + env(safe-area-inset-bottom));z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(420px,100vw - 32px);display:flex;position:absolute;transform:translate(-50%)}.gate-wordmark{width:clamp(188px,22vw,268px);color:var(--c-linen);margin:0;line-height:0}.gate-wordmark svg{width:100%;height:auto}.gate-kicker{font-family:var(--f-text);letter-spacing:.005em;color:#eee7dc9e;margin:18px 0 30px;font-size:17px;font-style:italic;font-weight:300}.gate-form{width:100%}.gate-pill{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);height:56px;transition:border-color .5s var(--ease-out), box-shadow .5s var(--ease-out), background-color .5s var(--ease-out);background:#eee7dc0e;border:1px solid #eee7dc24;border-radius:999px;align-items:center;gap:8px;padding:0 7px 0 24px;display:flex;position:relative;box-shadow:inset 0 1px #fff4e224,inset 0 -1px #00000040,0 24px 60px -28px #000c}.gate-pill:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 140% at 30% -20%,#ffeccd1a,#0000 55%);position:absolute;inset:0}.gate-pill:focus-within{background:#eee7dc13;border-color:#f4f1ec80;box-shadow:inset 0 1px #fff4e229,inset 0 -1px #00000040,0 0 0 4px #f4f1ec14,0 24px 60px -28px #000c}.gate[data-status=wrong] .gate-pill,.gate[data-status=wait] .gate-pill{border-color:#d68c688c}.gate-pill[data-shake=true]{animation:gate-shake .5s var(--ease-out)}@keyframes gate-shake{0%,to{transform:translate(0)}18%{transform:translate(-7px)}36%{transform:translate(6px)}54%{transform:translate(-4px)}72%{transform:translate(2px)}}.gate-pill input{letter-spacing:.04em;min-width:0;height:100%;color:var(--c-linen);caret-color:#f4f1ec;background:0 0;border:0;outline:0;flex:1;font-size:16px}.gate-pill input::placeholder{color:#eee7dc6b;letter-spacing:.02em}.gate-pill button{color:#1f1914;cursor:pointer;width:42px;height:42px;transition:transform .45s var(--ease-out), background-color .3s ease;background:#f4f1ec;border:0;border-radius:999px;flex:none;place-items:center;display:grid}.gate-pill button:hover{background:#fff;transform:translate(2px)}.gate-pill button:focus-visible{outline:0;box-shadow:0 0 0 2px #1f1914,0 0 0 4px #f4f1ec}.gate-pill button:disabled{cursor:default;opacity:.75}.gate[data-status=sending] .gate-pill button svg{animation:.9s ease-in-out infinite gate-pulse}@keyframes gate-pulse{50%{opacity:.6;transform:translate(3px)}}.gate-message{min-height:1.4em;font-family:var(--f-text);color:#e3b596;margin:14px 0 0;font-size:15px}.gate-foot{left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom));z-index:3;text-align:center;letter-spacing:.02em;color:#eee7dc57;margin:0;font-size:12px;position:absolute}#gate-fade{z-index:10;opacity:0;pointer-events:none;background:#1f1914;position:fixed;inset:0}.gate[data-ready=true] .gate-ui>*{animation:gate-in 1.6s var(--ease-out) both}.gate[data-ready=true] .gate-ui>:nth-child(2){animation-delay:.15s}.gate[data-ready=true] .gate-ui>:nth-child(3){animation-delay:.3s}@keyframes gate-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=560px){.gate-kicker{margin:14px 0 24px;font-size:16px}.gate-ui{bottom:calc(64px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.gate:after,.gate[data-ready=true] .gate-ui>*,.gate-pill[data-shake=true]{animation:none}}}