.gate-root{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;background:#272729;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Pretendard Variable,Pretendard,system-ui,Apple SD Gothic Neo,sans-serif;font-weight:400;position:fixed;inset:0;overflow:hidden}.ambient{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ambient .glow{opacity:0;background:radial-gradient(circle,#0a84ff29 0%,#0a84ff0f 32%,#0000 64%);width:880px;height:880px;animation:2.2s ease-out 1.2s forwards glow-rise,7s ease-in-out 3.4s infinite glow-breath;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.ambient .glow-low{filter:blur(6px);opacity:0;background:radial-gradient(#78aaff33 0%,#5a8ceb14 42%,#0000 72%);width:440px;height:230px;animation:2s ease-out 2.6s forwards glow-rise;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.ambient .vignette{background:radial-gradient(120% 120% at 50% 38%,#0000 52%,#00000057 100%);position:absolute;inset:0}@keyframes glow-rise{to{opacity:1}}@keyframes glow-breath{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.72;transform:translate(-50%,-50%)scale(1.05)}}.gate{z-index:5;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:25vh 40px 84px;display:flex;position:relative}.gate-root.granted .gate{opacity:0;filter:blur(10px);pointer-events:none;transition:opacity .35s ease-out,filter .35s ease-out,transform .35s ease-out;transform:scale(.985)}.mark-stage{justify-content:center;align-items:center;margin-bottom:20px;display:flex;position:relative}.gate-intro{opacity:0;transform-origin:50% 55%;animation:2s cubic-bezier(.22,1,.3,1) .3s forwards orb3d-enter;transform:translateY(8px)scale(.9)}@keyframes orb3d-enter{0%{opacity:0;transform:translateY(8px)scale(.9)}18%{opacity:1;transform:translateY(0)scale(1.05)}30%{transform:translateY(0)scale(.965)}42%{transform:translateY(0)scale(1.035)}54%{transform:translateY(0)scale(.98)}66%{transform:translateY(0)scale(1.018)}78%{transform:translateY(0)scale(.992)}88%{transform:translateY(0)scale(1.006)}to{opacity:1;transform:translateY(0)scale(1)}}.gate-intro .orb3d-shell{animation:9s ease-in-out .3s infinite orb3d-morph}.gate-intro .orb3d-core{animation:9s ease-in-out .34s infinite orb3d-morph}@keyframes orb3d-turbulence{0%{border-radius:62% 38% 54% 46%/46% 58% 42% 54%}10%{border-radius:38% 62% 70% 30%/64% 34% 66% 36%}20%{border-radius:72% 28% 34% 66%/32% 70% 30% 68%}30%{border-radius:30% 70% 60% 40%/68% 36% 64% 32%}40%{border-radius:64% 36% 42% 58%/40% 62% 38% 60%}52%{border-radius:46% 54% 60% 40%/56% 44%}64%{border-radius:58% 42% 48% 52%/46% 56% 44% 54%}78%{border-radius:60% 40% 52% 48%/48% 56% 44% 52%}to{border-radius:62% 38% 54% 46%/46% 58% 42% 54%}}.gate-intro .orb3d-aurora{animation:1.1s linear .3s forwards orb3d-spin,1.2s linear 1.4s forwards orb3d-aurora-settle,8.5s linear 2.6s infinite orb3d-spin}@keyframes orb3d-aurora-settle{to{transform:translateZ(calc(var(--orb3d-size) * .06)) rotate(360deg)}}.gate-intro .orb3d-glow{animation:2s ease-out .3s forwards orb3d-glow-turb,5.4s ease-in-out 2.4s infinite orb3d-glow-breathe}@keyframes orb3d-glow-turb{0%{opacity:0;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(.72)}14%{opacity:1;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1.2)}26%{opacity:.78;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(.96)}40%{opacity:1;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1.14)}56%{opacity:.86;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1)}72%{opacity:.98;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1.08)}to{opacity:.92;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1.04)}}@keyframes orb3d-glow-breathe{0%,to{opacity:.92;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1.04)}50%{opacity:1;transform:translateZ(calc(var(--orb3d-size) * -.38)) scale(1.12)}}.gate-intro .orb3d-ambient{animation:1.6s ease-out 2.3s both orb3d-ambient-on}@keyframes orb3d-ambient-on{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}.gate-intro .orb3d-ambient .orb3d-ring{animation:1.4s cubic-bezier(.4,0,.2,1) 2.32s both orb3d-ring-spin}@keyframes orb3d-ring-spin{0%{opacity:0;transform:rotate(-40deg)scale(.92)}15%{opacity:.95}85%{opacity:.95;transform:rotate(300deg)scale(1.04)}to{opacity:0;transform:rotate(320deg)scale(1.08)}}.gate-intro .orb3d-ambient .orb3d-orbit{animation:1.4s cubic-bezier(.4,0,.2,1) 2.32s both orb3d-orbit-run}@keyframes orb3d-orbit-run{0%{opacity:0;transform:rotate(-40deg)}14%{opacity:1}86%{opacity:1;transform:rotate(300deg)}to{opacity:0;transform:rotate(320deg)}}.gate-intro .orb3d-ambient .orb3d-burst{animation:.9s cubic-bezier(.16,1,.3,1) 3.1s both orb3d-burst-flash}@keyframes orb3d-burst-flash{0%{opacity:0;transform:scale(.6)}35%{opacity:.95;transform:scale(1.12)}to{opacity:0;transform:scale(1.5)}}.gate-root.typing .gate-intro .orb3d-aurora{animation:3.6s linear infinite orb3d-spin}.gate-root.typing .gate-intro .orb3d-glow{animation:2.6s ease-in-out infinite orb3d-glow-breathe}.gate-root.wrong .gate-intro .orb3d-glow{animation:.7s ease-out orb3d-err}@keyframes orb3d-err{0%,to{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--orb3d-brand) 48%, transparent), color-mix(in srgb, var(--orb3d-brand) 20%, transparent) 34%, transparent 68%)}30%,60%{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--danger,#ff3b30) 55%, transparent), color-mix(in srgb, var(--danger,#ff3b30) 24%, transparent) 34%, transparent 68%)}}.gate-root.granted .mark-stage .gate-intro{animation:.45s cubic-bezier(.5,0,.2,1) forwards orb3d-grant}@keyframes orb3d-grant{0%{opacity:1;transform:translateY(0)scale(1)}30%{transform:translateY(0)scale(.9)}to{opacity:0;transform:translateY(0)scale(6.5)}}.gate-root.granted .mark-stage .orb3d-ambient{opacity:0!important;animation:none!important}.gate-granted-orb{opacity:1}.wordmark{letter-spacing:-.03em;-webkit-user-select:none;user-select:none;background:linear-gradient(115deg,#ffffffd1 0% 42%,#fff 50%,#ffffffd1 58% 100%) 130% 0/240% 100%;-webkit-text-fill-color:transparent;color:#0000;opacity:0;filter:drop-shadow(0 1px 1px #00000038);background-position:-35% 0;-webkit-background-clip:text;background-clip:text;margin:0;font-size:38px;font-weight:600;animation:.9s step-end 2s both word-glitch,6.5s ease-in-out 3.6s infinite sheen}@keyframes word-glitch{0%{opacity:0;clip-path:inset(0 0 100%);transform:translate(0)}6%{opacity:1;clip-path:inset(0 0 56%);filter:drop-shadow(0 0 6px var(--brand));transform:translate(-5px)}13%{clip-path:inset(60% 0 12%);transform:translate(6px)}20%{opacity:.7;clip-path:inset(26% 0 42%);transform:translate(-3px)}27%{opacity:1;clip-path:inset(8% 0 78%);filter:drop-shadow(0 0 9px var(--brand));transform:translate(5px)}35%{clip-path:inset(68% 0 6%);transform:translate(-2px)}43%{opacity:.85;clip-path:inset(0);transform:translate(4px)}51%{opacity:1;clip-path:inset(38% 0 30%);transform:translate(-4px)}60%{clip-path:inset(0);transform:translate(2px)}69%{clip-path:inset(16% 0 62%);filter:drop-shadow(0 0 5px var(--brand));transform:translate(-1px)}80%{clip-path:inset(0);filter:drop-shadow(0 1px 1px #00000038);transform:translate(1px)}to{opacity:1;clip-path:inset(0);filter:drop-shadow(0 1px 1px #00000038);transform:translate(0)}}@keyframes sheen{0%{background-position:-35% 0}28%,to{background-position:135% 0}}.gate-card{opacity:0;flex-direction:column;align-items:center;width:100%;max-width:190px;margin-top:auto;animation:.72s cubic-bezier(.16,1,.3,1) 2.9s forwards card-rise;display:flex;position:relative;transform:translateY(26px)}@keyframes card-rise{to{opacity:1;transform:translateY(0)}}.input-box{-webkit-backdrop-filter:saturate(180%)blur(22px);backdrop-filter:saturate(180%)blur(22px);background:#ffffff17;border:1px solid #ffffff24;border-radius:9999px;align-items:center;width:100%;height:38px;padding:0 14px;transition:border-color .25s,box-shadow .3s,background-color .25s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff29,inset 0 -1px #00000014}.input-box:focus-within{background:#ffffff1f;border-color:#0a84ff8c;box-shadow:inset 0 1px #ffffff2e,0 0 0 4px #0a84ff24}.input-box.error{border-color:#ff3b30e6;animation:.6s ease-out err-flash,.45s cubic-bezier(.36,.07,.19,.97) shake}@keyframes err-flash{0%,to{box-shadow:0 0 #ff3b3000}15%,55%{box-shadow:0 0 0 4px #ff3b3052}35%{box-shadow:0 0 0 4px #ff3b3014}}.password-input{text-align:center;text-indent:.2em;color:#fff;letter-spacing:.2em;caret-color:#0a84ff;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14px;font-weight:400}.password-input::placeholder{color:#fff6;letter-spacing:.2em;font-weight:400}.password-input:disabled{opacity:.6;cursor:not-allowed}.submit-cta{color:#fff;cursor:pointer;opacity:0;pointer-events:none;background:#0a84ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:auto 0;transition:opacity .25s,transform .32s cubic-bezier(.34,1.56,.64,1),filter .2s;display:flex;position:absolute;top:0;bottom:0;right:4px;transform:scale(.5)}.gate-root.typing .submit-cta{opacity:1;pointer-events:auto;transform:scale(1)}.gate-root.typing .submit-cta:active:not(:disabled){transform:scale(.88)}.submit-cta svg{width:15px;height:15px;display:block}.submit-cta:hover:not(:disabled){filter:brightness(1.1)}.submit-cta:focus-visible{outline-offset:3px;outline:2px solid #0a84ff}.submit-cta:disabled{cursor:wait;opacity:.65}.submit-cta .spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes rise-blur{to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.gate-credit{z-index:10;letter-spacing:.02em;color:#fff6;-webkit-user-select:none;user-select:none;opacity:0;font-size:11px;font-weight:500;animation:.9s cubic-bezier(.22,1,.36,1) 3.2s forwards credit-rise;position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(8px)}.gate-credit b{color:#0a84ff;font-weight:600}@keyframes credit-rise{to{opacity:1;transform:translate(-50%)translateY(0)}}.granted-flash{z-index:100;opacity:0;pointer-events:none;background:#272729;flex-direction:column;justify-content:center;align-items:center;gap:26px;transition:opacity .5s ease-out;display:flex;position:fixed;inset:0}.granted-flash.active{opacity:1;pointer-events:auto}.granted-mark{justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.granted-mark .glow-ring{opacity:0;border:1px solid #0a84ff;border-radius:50%;animation:1.3s ease-out forwards ring-expand;position:absolute;inset:-22px}.granted-mark .glow-ring:nth-child(2){animation-delay:.22s}@keyframes ring-expand{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.1)}}.granted-text{letter-spacing:-.01em;color:#fff;text-align:center;white-space:pre;padding:0 24px;font-size:25px;font-weight:400}.granted-text span{white-space:pre;opacity:0;will-change:transform, opacity, filter;animation:char-in .42s cubic-bezier(.22, 1, .36, 1) calc(50ms + var(--ci) * 12ms) both;display:inline-block}@keyframes char-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.gate-shatter-canvas{z-index:110;pointer-events:none;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.gate-root *,.gate-root :before,.gate-root :after{animation-duration:1ms!important;animation-delay:0s!important}.gate-intro{opacity:1!important;transform:none!important}.gate-intro,.gate-granted-orb,.wordmark,.granted-text span{animation:none!important}.wordmark{opacity:1!important;filter:drop-shadow(0 1px 1px #00000038)!important;clip-path:none!important;transform:none!important}.granted-text span{opacity:1!important;filter:none!important;transform:none!important}.gate-root .orb3d-shell,.gate-root .orb3d-core{animation:11s ease-in-out infinite orb3d-morph!important}.gate-root .orb3d-aurora{animation:18s linear infinite orb3d-spin!important}.gate-root .gate-intro .orb3d-glow{animation:7s ease-in-out infinite orb3d-glow-breathe!important}.gate-root .orb3d-ambient,.gate-root .orb3d-ambient .orb3d-ring,.gate-root .orb3d-ambient .orb3d-orbit,.gate-root .orb3d-ambient .orb3d-burst{opacity:0!important;animation:none!important}}@media (max-width:720px){.wordmark{font-size:30px}.mark-stage{margin-bottom:18px}.mark-stage .gate-intro{--orb3d-size:112px}.gate-card{width:100%;max-width:290px;margin-top:auto}.gate-credit{bottom:18px}.input-box{height:48px}.password-input{font-size:16px}.submit-cta{width:44px;height:44px}}.gate-field{z-index:2;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0}.gate-root.granted .gate-field{opacity:.9;transition:opacity .5s ease-out}.gate .mark-stage{margin-bottom:18px}.gate .mark-stage>*{opacity:.92;width:76px!important;height:76px!important}.gate{grid-template-rows:1fr auto auto;grid-template-columns:1fr 1fr;padding:0;display:grid}.gate .mark-stage{grid-area:1/1/2/3;place-self:end center}.gate .wordmark-stage{grid-area:2/1/3/3;place-self:start center;margin-top:18px;position:relative}.wordmark-stage .wordmark{z-index:1;position:relative}.gate .gate-card{grid-area:3/1/4/2;place-self:end start;align-items:flex-start;max-width:260px;margin:0;padding:0 0 clamp(28px,6vh,64px) clamp(28px,5vw,72px)}.gate .gate-card .input-box{justify-content:flex-start}.gate-status{letter-spacing:.16em;text-transform:uppercase;color:#ffffff57;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;grid-area:3/2/4/3;place-self:end;margin:0;padding:0 clamp(28px,5vw,72px) clamp(30px,6vh,66px) 0;font-size:10.5px;font-weight:600}.gate-root.wrong .gate-status{color:#ff3b30d9}.gate-root.granted .gate-status{color:#ffffffb3}@media (max-width:640px){.gate .gate-card{grid-area:3/1/4/3;justify-self:center;align-items:center;padding-bottom:clamp(24px,5vh,40px);padding-left:0}.gate .gate-card .input-box{justify-content:center}.gate-status{display:none}}@media (prefers-reduced-transparency:reduce){.gate-field{display:none}.gate .mark-stage>*{opacity:1;width:132px!important;height:132px!important}}.gate-root.v1{background:#0b0b0d}.gate-root.v1 .wordmark-stage{grid-area:1/1/2/2;place-self:start;margin:clamp(48px,9vh,108px) 0 0 clamp(28px,5vw,76px)}.gate-root.v1 .wordmark{letter-spacing:-.045em;text-align:left;max-width:8em;font-size:clamp(40px,6.4vw,92px);line-height:.98}.gate-status{align-items:baseline;gap:8px;display:flex}.gate-status-sep{opacity:.4}.gate-status-credit{color:#ffffff47;letter-spacing:.1em}.gate-root.wrong .gate-status-credit,.gate-root.granted .gate-status-credit{color:#fff6}.beat-stage{background:#000;place-items:center;display:grid}.beat-word{letter-spacing:-.045em;color:#fff;margin:0;font-size:clamp(44px,7vw,104px);font-weight:600;animation:.42s cubic-bezier(.16,.84,.28,1) both beat-in}@keyframes beat-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.beat-word{animation:none}}.gate-field{mix-blend-mode:normal}.gate-root.v1 .wordmark{-webkit-text-fill-color:currentColor;color:#fffffff0;filter:none;text-shadow:0 1px 2px #0006;opacity:1;background:0 0;animation-name:none}.gate-cipher{width:100%;height:100%;position:fixed;inset:0}.wordmark-grid{z-index:0;pointer-events:none;-webkit-mask-composite:source-in;background-image:repeating-linear-gradient(90deg,#0a84ff57 0 1px,#0000 1px 34px),repeating-linear-gradient(#0a84ff4d 0 1px,#0000 1px 34px);animation:1.7s cubic-bezier(.3,0,.2,1) forwards wordmark-grid-sweep;position:absolute;inset:-34% -14%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 46%,#0000 64%),radial-gradient(120% 90%,#000 46%,#0000 88%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 46%,#0000 64%),radial-gradient(120% 90%,#000 46%,#0000 88%);-webkit-mask-size:260% 100%,100% 100%;mask-size:260% 100%,100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes wordmark-grid-sweep{0%{opacity:0;-webkit-mask-position:120% 0,0 0;mask-position:120% 0,0 0}12%{opacity:1}82%{opacity:1}to{opacity:0;-webkit-mask-position:-60% 0,0 0;mask-position:-60% 0,0 0}}@media (prefers-reduced-motion:reduce){.wordmark-grid{opacity:0;animation:none}}:is(html:has(.gate-root),body:has(.gate-root)){overscroll-behavior:none;overflow:hidden}