@font-face{font-family:Inter Display;src:url(/fonts/Inter-ExtraLight.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(/fonts/Inter-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter Display;src:url(/fonts/Inter-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--ink: #fefdf8;--sapphire-line: rgba(126, 190, 255, .78);--h: 48px;--gap: 8px;--under: 44px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{overflow-x:clip;scrollbar-color:#1a60bc transparent}body{min-height:100svh;min-height:100dvh;background:#010308;color:var(--ink);font-family:"Inter Display",var(--font-ui);font-weight:400;font-size:16px;font-synthesis:none;-webkit-font-smoothing:antialiased}::selection{background:var(--sapphire);color:var(--ink)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sky{position:fixed;z-index:0;top:0;left:0;width:100%;height:100svh;overflow:hidden;pointer-events:none;background:#010308}.nebula,.earth{position:absolute;inset:0;background-repeat:no-repeat;animation:none}.nebula{background-color:#010308;background-position:74% 12%;background-size:cover;background-image:url(/brand/nebula/nebula-mobile.webp);background-image:image-set(url(/brand/nebula/nebula-mobile.avif) type("image/avif"),url(/brand/nebula/nebula-mobile.webp) type("image/webp"))}.earth{background-position:center bottom;background-size:auto 106svh;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-size:auto 106svh;mask-size:auto 106svh;-webkit-mask-mode:alpha;mask-mode:alpha;background-image:url(/brand/noxva-bg-mobile.jpg);background-image:image-set(url(/brand/horizon/noxva-bg-mobile.webp) type("image/webp"),url(/brand/noxva-bg-mobile.jpg) type("image/jpeg"));-webkit-mask-image:url(/brand/horizon/earth-mask-mobile.webp);mask-image:url(/brand/horizon/earth-mask-mobile.webp)}.stage{position:relative;z-index:1;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20svh,calc(env(safe-area-inset-bottom) + 16svh)) max(18px,env(safe-area-inset-left));text-align:center}.stack{--space: clamp(8px, 2.4svh, 22px);width:min(100%,420px)}.icon-wrap{width:clamp(144px,20svh,176px);margin:0 auto}.icon{display:block;width:100%;height:auto}h1{margin:var(--space) 0 0;color:#fff;font-weight:400;font-size:clamp(2.85rem,15vw,3.7rem);letter-spacing:.045em;line-height:.95;text-rendering:geometricPrecision;white-space:nowrap}h1 .x{color:#49c8ff}.sub{margin:calc(var(--space) * .7) 0 0;color:#8ebcf0;font-size:clamp(.68rem,2.7vw,.78rem);font-weight:400;letter-spacing:.22em;text-transform:uppercase}.panel{margin-top:var(--space)}.choices{--slot: calc((100% - (2 * var(--gap))) / 3);position:relative;height:var(--h)}.pill{position:absolute;top:0;display:flex;align-items:center;justify-content:center;gap:6px;width:var(--slot);height:var(--h);margin:0;padding:0 8px;color:var(--ink);background:linear-gradient(180deg,#ffffff29,#ffffff08 34%,#fff0 48%),#0710229e;border:1px solid var(--sapphire-line);border-radius:999px;box-shadow:0 0 0 .5px #aad6ff47,0 0 12px #1a6ed280,inset 0 1px #e6f2ff73,0 10px 18px #00000047;backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);font-weight:400;font-size:13px;letter-spacing:0;line-height:1;cursor:pointer;touch-action:manipulation}.pill[data-method=passkey]{left:0}.pill[data-method=google]{left:calc(var(--slot) + var(--gap))}.pill[data-method=email]{left:calc(2 * (var(--slot) + var(--gap)));padding:0}.choices.ready .pill{transition:left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s linear .2s}.choices[data-open=passkey] .pill[data-method=passkey],.choices[data-open=google] .pill[data-method=google],.choices[data-open=email] .pill[data-method=email],.choices[data-open=code] .pill[data-method=email]{left:0;z-index:1;width:100%}.choices.ready[data-open=passkey] .pill[data-method=passkey],.choices.ready[data-open=google] .pill[data-method=google],.choices.ready[data-open=email] .pill[data-method=email],.choices.ready[data-open=code] .pill[data-method=email]{transition:left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1),opacity .16s ease,visibility 0s linear 0s}.choices[data-open=passkey] .pill:not([data-method=passkey]),.choices[data-open=google] .pill:not([data-method=google]),.choices[data-open=email] .pill:not([data-method=email]),.choices[data-open=code] .pill:not([data-method=email]){opacity:0;visibility:hidden;pointer-events:none}.choices[data-open=passkey] #passkey,.choices[data-open=google] #google{justify-content:flex-start;gap:10px;padding:0 4px 0 16px}.ico{display:block;width:26px;height:26px;flex:0 0 26px}.when-open,.when-code,.face.when-open,.face.when-code,.choices[data-open=passkey] #passkey .when-compact,.choices[data-open=google] #google .when-compact,.choices[data-open=email] #email-form .when-compact,.choices[data-open=code] #email-form .when-compact{display:none}.choices[data-open=passkey] #passkey .when-open,.choices[data-open=google] #google .when-open{display:block}.choices[data-open=passkey] #passkey .label,.choices[data-open=google] #google .label{flex:1;font-size:15px;text-align:left}.choices[data-open=passkey] #passkey .arrow,.choices[data-open=google] #google .arrow{display:grid}.arrow{width:44px;height:44px;place-items:center;color:#d5e6f6}.arrow svg{width:18px;height:18px}.face{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;margin:0;padding:0 8px;color:inherit;background:none;border:0;font-weight:400;font-size:13px;letter-spacing:0;cursor:pointer}.choices[data-open=email] #email-form .when-open,.choices[data-open=code] #email-form .when-code{display:flex;justify-content:flex-start;gap:8px;padding:0 4px 0 14px}.face input{flex:1;min-width:0;height:100%;margin:0;padding:0;color:var(--ink);background:transparent;border:0;border-radius:0;outline:none;font-size:16px;font-weight:400;text-align:left;caret-color:#8ebcf0}.face input::placeholder{color:#d5e4f4}.go{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;margin:0;padding:0;color:#d5e6f6;background:transparent;border:0;border-radius:999px;cursor:pointer}.go svg{width:18px;height:18px}.pill:focus-visible,.face:focus-visible,.go:focus-visible,.back:focus-visible,.wide:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.pill:focus-within:not(:focus){outline:2px solid var(--glow);outline-offset:3px}.pill.is-invalid{border-color:#ffbabef2;box-shadow:0 0 0 .5px #ffbabe73,0 0 12px #b02a4066,inset 0 1px #ffffff47}.pill[aria-busy=true],.face[aria-busy=true]{cursor:progress;filter:saturate(.85) brightness(.94)}.pill:disabled{cursor:progress}.under{position:relative;display:flex;align-items:center;justify-content:center;height:var(--under);margin-top:8px}.back{min-width:44px;min-height:44px;margin:0;padding:0 12px;color:#f4f8ff;background:transparent;border:0;font-size:.95rem;font-weight:400;text-shadow:0 1px 8px rgba(0,0,0,.9);cursor:pointer}.back[hidden]{display:none}.status{position:absolute;left:0;right:0;top:0;margin:0;color:#ffd6dc;font-size:.92rem;line-height:1.25;text-align:center;pointer-events:none}.under:has(.back:not([hidden])) .status{top:100%}.status[hidden]{display:none}.status small{display:block;color:#ffc9d0;font-size:.75rem}.sheet{width:100%;margin-top:var(--space);padding:8px 0 0;text-align:left}.sheet h2,.sheet h3{margin:0 0 8px;font-weight:400;text-align:center}.sheet h2{font-size:1.35rem}.sheet h3{margin-top:22px;font-size:1rem}.hint{margin:0 0 14px;color:#c5d4ea;line-height:1.45;text-align:center}.wide{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:8px 0 0;padding:0 16px;color:var(--ink);background:linear-gradient(180deg,#ffffff1f,#fff0 42%),#0710229e;border:1px solid var(--sapphire-line);border-radius:999px;box-shadow:inset 0 1px #e6f2ff59,0 8px 16px #0000003d;font-weight:400;cursor:pointer}.wide small{color:#8ebcf0}.mark{display:grid;place-items:center;width:44px;height:44px;margin:8px auto 4px;color:#d6ecff}.mark svg{width:28px;height:28px}.jwt-result{display:grid;gap:6px;margin-top:8px;padding:12px 14px;color:#d6ecff;background:#0710228c;border:1px solid rgba(126,190,255,.35);border-radius:16px}.jwt-result span,.jwt-result small{color:#c5d4ea;overflow-wrap:anywhere}.passkey-list{display:grid;gap:8px;margin-top:10px;color:#c5d4ea}.passkey-row{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 8px 0 14px;border:1px solid rgba(126,190,255,.35);border-radius:999px}.passkey-row .back{color:#ffc3cb}.error{display:grid;gap:4px;margin:0 0 12px;color:#ffd6dc;font-size:.92rem;text-align:left}.error small{color:#ffc9d0;overflow-wrap:anywhere}@media(min-width:900px){:root{--h: 52px;--gap: 10px}.stage{justify-content:center;padding:4vh 24px 30vh}.stack{--space: clamp(16px, 2vh, 24px);width:min(100%,640px)}.icon-wrap{width:clamp(220px,16.7vw,320px)}h1{font-size:clamp(3.4rem,4.8vw,4.8rem);letter-spacing:.05em}.sub{font-size:clamp(.8rem,1.05vw,1rem);letter-spacing:.26em}.pill,.face{font-size:15px}.nebula{background-position:center top;background-image:url(/brand/nebula/nebula-desktop.webp);background-image:image-set(url(/brand/nebula/nebula-desktop.avif) type("image/avif"),url(/brand/nebula/nebula-desktop.webp) type("image/webp"))}.earth{inset:0;height:auto;background-position:center top;background-size:auto 160%;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-size:auto 160%;mask-size:auto 160%;background-image:url(/brand/noxva-bg-desktop.jpg);background-image:image-set(url(/brand/horizon/noxva-bg-desktop.webp) type("image/webp"),url(/brand/noxva-bg-desktop.jpg) type("image/jpeg"));-webkit-mask-image:url(/brand/horizon/earth-mask-desktop.webp);mask-image:url(/brand/horizon/earth-mask-desktop.webp)}}@media(max-width:899px){.stage{justify-content:flex-end;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(20svh,calc(env(safe-area-inset-bottom) + 16svh))}.earth{inset:0 auto auto 0;width:100%;height:100svh;background-size:auto 106svh;-webkit-mask-size:auto 106svh;mask-size:auto 106svh}html.kb,html.kb body{overflow:hidden}html.kb .stage{position:fixed;z-index:1;top:var(--vv-top, 0px);left:0;right:0;width:auto;height:var(--vv-height, 100svh);min-height:0;justify-content:flex-end;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}html.kb .stage.fits{justify-content:center}}@media(prefers-reduced-motion:reduce){.choices.ready .pill,.choices.ready[data-open=passkey] .pill[data-method=passkey],.choices.ready[data-open=google] .pill[data-method=google],.choices.ready[data-open=email] .pill[data-method=email],.choices.ready[data-open=code] .pill[data-method=email]{transition:none}}
