:root{--g-sea: #04050a;--g-ink: #f4f6fb;--g-mute: rgba(222, 228, 246, .6);--g-faint: rgba(222, 228, 246, .36);--g-teal: #7c9bff;--g-mint: #c9d4ff;--g-blue: #b36bff;--g-red: #ef476f;--g-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--g-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--g-ease: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--g-sea);color:var(--g-ink);font-family:var(--g-ui);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}::selection{background:#7c9bff59}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:1fr auto;isolation:isolate;background:radial-gradient(90% 80% at 50% 45%,#0d1024 0%,var(--g-sea) 62%)}.gate.no-webgl{background:radial-gradient(30% 24% at 50% 40%,rgba(124,155,255,.14),transparent 70%),radial-gradient(90% 80% at 50% 45%,#0d1024 0%,var(--g-sea) 62%)}.gate-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-3;display:block}.gate-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(34% 40% at 50% 50%,rgba(4,5,10,.72) 0%,rgba(4,5,10,.35) 55%,transparent 100%),radial-gradient(80% 75% at 50% 50%,transparent 45%,rgba(2,3,7,.82) 100%)}.gate-grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image: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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:gate-grain 1.2s steps(4) infinite}@keyframes gate-grain{0%,to{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}.gate-stage{display:grid;place-items:center;min-height:0;overflow-y:auto;padding:calc(24px + env(safe-area-inset-top,0px)) 20px 12px}.gate-form{width:min(360px,100%);display:flex;flex-direction:column;align-items:center}.gate-logo{position:relative;width:156px;height:156px;display:grid;place-items:center;margin-bottom:14px;animation:gate-rise 1.2s var(--g-ease) .1s backwards}.gate-halo{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(124,155,255,.34) 0%,rgba(179,107,255,.14) 38%,transparent 68%);filter:blur(6px);animation:gate-breathe 5.5s ease-in-out 1.6s infinite}.gate-orbit-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;pointer-events:none;border:1px solid rgba(201,212,255,.12);-webkit-mask:conic-gradient(from 0deg,#000 0 70%,transparent 100%);mask:conic-gradient(from 0deg,#000 0 70%,transparent 100%);animation:gate-spin-slow 14s linear infinite,gate-fade 1s ease 1.2s backwards}.gate-orbit-ring i{position:absolute;top:-3px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--g-mint);box-shadow:0 0 10px var(--g-teal),0 0 22px var(--g-teal)}.gate-logo .gate-glyph{position:relative;width:104px;height:104px;overflow:visible;filter:drop-shadow(0 6px 24px rgba(124,155,255,.45))}.gate-glyph .gg-a{fill:url(#gg-grad);stroke:#dfe6ff;stroke-width:.8;stroke-dasharray:150;stroke-dashoffset:150;fill-opacity:0;animation:gate-draw 1.4s var(--g-ease) .35s forwards,gate-fill .9s ease 1.15s forwards,gate-twirl 16s linear 2s infinite;transform-origin:24px 24px}.gate-glyph .gg-c{stroke:#ffffffe6;stroke-width:.9;stroke-linecap:round;stroke-dasharray:16;stroke-dashoffset:16;animation:gate-draw .6s var(--g-ease) 1.5s forwards}@keyframes gate-twirl{0%,86%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes gate-draw{to{stroke-dashoffset:0}}@keyframes gate-fill{to{fill-opacity:1;stroke-opacity:0}}@keyframes gate-breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}@keyframes gate-spin-slow{to{transform:rotate(360deg)}}.phase-checking .gate-halo{animation:gate-breathe .9s ease-in-out infinite}.phase-error .gate-halo,.phase-locked .gate-halo{background:radial-gradient(circle,rgba(239,71,111,.3) 0%,transparent 65%)}.gate-word{margin:0 0 30px;font:600 12px/1 var(--g-mono);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:var(--g-mute);animation:gate-rise 1.1s var(--g-ease) .9s backwards}@property --cap-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --cap-power{syntax: "<number>"; inherits: true; initial-value: .35;}.gate-cap{--cap-angle: 0deg;--cap-accent: var(--g-teal);--cap-power: .35;position:relative;isolation:isolate;width:100%;height:58px;margin-bottom:12px;display:flex;align-items:center;gap:12px;padding:0 8px 0 20px;border-radius:999px;cursor:text;border:1px solid transparent;background:linear-gradient(#0e101e,#080912) padding-box,conic-gradient(from var(--cap-angle),color-mix(in srgb,var(--cap-accent) 16%,transparent) 0deg,color-mix(in srgb,var(--cap-accent) calc(var(--cap-power) * 100%),transparent) 76deg,rgba(245,255,253,calc(var(--cap-power) * .9)) 106deg,color-mix(in srgb,var(--g-blue) calc(var(--cap-power) * 90%),transparent) 142deg,rgba(255,255,255,.05) 210deg,color-mix(in srgb,var(--cap-accent) 14%,transparent) 360deg) border-box;box-shadow:0 16px 40px #0000006b,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%);animation:gate-cap-in .9s var(--g-ease) backwards,gate-cap-angle 6s linear infinite;transition:box-shadow .4s var(--g-ease),scale .4s var(--g-ease),--cap-power .4s ease}.gate-cap-user{animation-delay:1.05s,0s}.gate-cap-pass{animation-delay:1.18s,-2.2s}.gate-cap:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:-1;border-radius:inherit;pointer-events:none;padding:7px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from var(--cap-angle),transparent 5deg,var(--cap-accent) 90deg,rgba(255,255,255,.8) 112deg,transparent 188deg);opacity:calc(var(--cap-power) * .5);filter:blur(12px);transition:opacity .4s ease}.gate-cap:hover{--cap-power: .6}.gate-cap:focus-within{--cap-power: 1;scale:1.02;box-shadow:0 20px 48px #00000080,0 0 30px color-mix(in srgb,var(--cap-accent) 22%,transparent),inset 0 1px #ffffff14}.phase-error .gate-cap-pass,.phase-locked .gate-cap-pass{--cap-accent: var(--g-red);--cap-power: .9}.phase-success .gate-cap{--cap-power: 1}@keyframes gate-cap-angle{to{--cap-angle: 360deg}}@keyframes gate-cap-in{0%{transform:translateY(14px);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}.gate-cap-shine{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;overflow:hidden;pointer-events:none;clip-path:inset(0 round 999px);z-index:0}.gate-cap-shine:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-42%;width:22%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:skew(-18deg);animation:gate-shine 5.2s cubic-bezier(.4,0,.2,1) 2.4s infinite}.gate-cap-pass .gate-cap-shine:after{animation-delay:3.1s}@keyframes gate-shine{0%,66%{transform:translate(0) skew(-18deg)}90%,to{transform:translate(560%) skew(-18deg)}}.gate-cap-icon{position:relative;z-index:1;flex:none;width:19px;height:19px;color:var(--g-faint);transition:color .3s}.gate-cap:focus-within .gate-cap-icon,.gate-cap.has-value .gate-cap-icon{color:var(--g-mint)}.phase-error .gate-cap-pass .gate-cap-icon,.phase-locked .gate-cap-pass .gate-cap-icon{color:#ff8aa6}.gate-cap-user input{position:relative;z-index:1;flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 12px 0 0;font-size:16px;font-weight:500;letter-spacing:.01em;color:var(--g-ink)}.gate-cap-user input::placeholder{color:var(--g-faint);font-weight:400}.gate-cap-user input:-webkit-autofill{-webkit-text-fill-color:var(--g-ink);transition:background-color 9999s}.gate-dots{position:relative;z-index:1;flex:1;height:100%;display:flex;align-items:center;gap:13px}.gate-dots em{position:absolute;left:0;font-style:normal;font-size:16px;color:var(--g-faint);pointer-events:none}.gate-dot{width:9px;height:9px;border-radius:50%;background:#dee4f624;transition:background .3s,box-shadow .3s,transform .4s var(--g-ease)}.gate-dots:has(em) .gate-dot{opacity:0}.gate-dot.is-on{background:radial-gradient(circle at 35% 35%,#fff,var(--g-teal) 65%);box-shadow:0 0 12px #7c9bffe6;animation:gate-pop .42s var(--g-ease)}.gate-cap-pass:focus-within .gate-dot.is-next{background:#c9d4ff80;animation:gate-blink 1.1s ease-in-out infinite}.gate-cap-pass:focus-within .gate-dots em{opacity:0}.gate-cap-pass:focus-within .gate-dots:has(em) .gate-dot{opacity:1}.phase-error .gate-dot,.phase-locked .gate-dot{background:#ef476f59}.phase-success .gate-dot.is-on{transform:scale(1.25)}@keyframes gate-pop{0%{transform:scale(0)}60%{transform:scale(1.5)}to{transform:scale(1)}}@keyframes gate-blink{50%{transform:scale(.6);opacity:.5}}.gate-pass-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:0;border:0;padding:0;caret-color:transparent;font-size:16px;cursor:text}.gate-go{position:relative;z-index:3;flex:none;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#0a0b1e;background:linear-gradient(135deg,#c9d4ff,#7c9bff 55%,#b36bff);box-shadow:0 8px 22px -6px #7c9bffcc,inset 0 1px #ffffff80;transition:transform .45s var(--g-ease),opacity .3s,filter .3s,box-shadow .3s}.gate-go svg{width:18px;height:18px}.gate-go b{font:600 13px/1 var(--g-mono);color:#ff9fb6}.gate-go:hover:not(:disabled){transform:translate(2px) scale(1.06)}.gate-go:focus-visible{outline:2px solid var(--g-ink);outline-offset:3px}.gate-go:disabled{cursor:default;background:#dee4f612;color:var(--g-faint);box-shadow:inset 0 0 0 1px #dee4f61a}.phase-checking .gate-go,.phase-success .gate-go{background:linear-gradient(135deg,#c9d4ff,#7c9bff 55%,#b36bff)}.phase-locked .gate-go{background:#ef476f1f;box-shadow:inset 0 0 0 1px #ef476f66}.gate-spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(10,11,30,.25);border-top-color:#0a0b1e;animation:gate-spin-slow .75s linear infinite}.gate-status{margin:4px 0 0;min-height:18px;font:500 11px/1.5 var(--g-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g-mute);text-align:center}.gate-status.is-error{color:#ff8aa6}.gate-foot{padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));text-align:center;font:500 10px/1 var(--g-mono);letter-spacing:.24em;text-transform:uppercase;color:#dee4f638;animation:gate-fade 1.4s ease 1.8s backwards}.gate-rings{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:5}.gate-ring{grid-area:1 / 1;width:30vmin;height:30vmin;border-radius:50%;border:1.5px solid rgba(124,155,255,.8);box-shadow:0 0 40px #7c9bff73,inset 0 0 40px #b36bff4d;opacity:0}.gate-flare{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;opacity:0;background:radial-gradient(circle at 50% 50%,#ffffff 0%,rgba(124,155,255,.6) 25%,var(--g-sea) 75%)}@keyframes gate-rise{0%{opacity:0;transform:translateY(16px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes gate-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 480px){.gate-logo{width:132px;height:132px}.gate-logo .gate-glyph{width:88px;height:88px}.gate-word{margin-bottom:26px}.gate-cap{height:56px}.gate-dots{gap:11px}}@media (max-height: 560px){.gate-logo{width:96px;height:96px;margin-bottom:8px}.gate-logo .gate-glyph{width:56px;height:56px}.gate-word{margin-bottom:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}.gate-grain,.gate-cap-shine{display:none}}