/* A quiet form above the final frame of the landing film, not a second scene. */
#loginPreview{
 --login-ink:#f7fcfb;--login-muted:#eaf4f1;--login-error:#ffd4cf;--login-glass:#06282c2e;
 position:absolute;inset:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);
 align-items:center;gap:0;
 padding:96px max(clamp(48px,6vw,96px),calc((100vw - var(--landing-stage-width,100vw)) / 2 + 24px)) 64px;
 overflow:auto;overscroll-behavior:contain;
 color:var(--login-ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
 -webkit-font-smoothing:antialiased;outline:none;touch-action:pan-y;isolation:isolate;
}
#loginPreview[hidden]{display:none}
#loginPreview .login-preview-shade{
 position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,transparent 40%,#061b1c08 65%,#061b1c14),linear-gradient(180deg,#07121724,transparent 28%);
 opacity:0;transition:opacity 350ms ease;
}
#loginPreview .login-preview-back{
 position:absolute;left:clamp(24px,5vw,72px);top:max(28px,calc(env(safe-area-inset-top,0px) + 16px));
 display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 4px;
 border:0;border-radius:999px;background:transparent;box-shadow:none;color:#f5f7f8e6;
 font:inherit;font-size:14px;line-height:1.5;letter-spacing:0;text-decoration:none;text-shadow:0 1px 10px #02090f80;
 cursor:pointer;touch-action:manipulation;opacity:0;transition:color 160ms ease,opacity 250ms ease;
}
#loginPreview .login-preview-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#loginPreview .login-preview-panel{
 position:relative;isolation:isolate;grid-column:2;width:100%;max-width:400px;padding:40px;overflow:hidden;
 border:1px solid #e8fff96b;border-radius:28px;
 background:linear-gradient(135deg,#ffffff1c,transparent 34%,#b9f1e907 72%,#f1fff912),var(--login-glass);
 -webkit-backdrop-filter:blur(10px) saturate(1.2) brightness(.78);backdrop-filter:blur(10px) saturate(1.2) brightness(.78);
 box-shadow:inset 0 1px 1px #ffffffa6,inset 0 -1px 1px #c8fff347,inset 1px 0 2px #f4fff73d,inset -1px 0 2px #d9fff021,0 18px 48px #01141629;
 text-shadow:0 1px 2px #031b1ec2,0 3px 12px #031b1e80;
 opacity:0;transform:translateY(14px);
}
#loginPreview .login-preview-panel::before{
 content:"";position:absolute;inset:0;z-index:2;border:1px solid #ffffff38;border-radius:inherit;pointer-events:none;
}
#loginPreview .login-preview-panel::after{
 content:"";position:absolute;inset:3px;z-index:1;border:1px solid #c9fff018;border-radius:inherit;pointer-events:none;
 box-shadow:inset 0 1px 7px #f2fff91f,inset 0 -1px 3px #dcfff214;
}
#loginPreview .login-preview-panel>:is(header,form,p){position:relative;z-index:3}
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
 #loginPreview .login-preview-panel::before{
  border-color:transparent;background:linear-gradient(135deg,#ffffffb8,transparent 24%,#effff818 48%,transparent 69%,#d9fff375) border-box;
  mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
 }
}
#loginPreview .login-preview-heading{margin:0 0 30px;padding:0;border:0;background:none}
#loginPreview .login-preview-heading h2{margin:0;color:var(--login-ink);font-family:inherit;font-size:36px;font-weight:600;line-height:1.2;letter-spacing:-.035em}
#loginPreview .login-preview-heading p{margin:12px 0 0;color:var(--login-muted);font-size:14px;font-weight:400;line-height:1.65;letter-spacing:.01em}
#loginPreview .login-preview-form{margin:0}
#loginPreview .login-preview-field+.login-preview-field{margin-top:22px}
#loginPreview .login-preview-field label{display:block;margin:0 0 9px;color:#f2faf7;font-size:14px;line-height:1.5;font-weight:500;letter-spacing:.01em}
#loginPreview .login-preview-field input{
 display:block;width:100%;height:50px;margin:0;padding:12px 14px;
 border:1px solid #ecfff980;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #0220231a;
 background:linear-gradient(135deg,#ffffff0f,transparent 70%),#052e3024;color:var(--login-ink);font:inherit;font-size:16px;line-height:1.5;letter-spacing:.01em;
 text-shadow:0 1px 3px #00191cb3;
 caret-color:#fff;outline:none;transition:border-color 150ms ease,background-color 150ms ease;
}
#loginPreview .login-preview-field input:focus{border-color:#f1fff9e6;background:linear-gradient(135deg,#ffffff17,transparent 70%),#06313333;outline:2px solid #e4fff380;outline-offset:2px}
#loginPreview .login-preview-field input[aria-invalid=true]{border-color:var(--login-error)}
#loginPreview .login-preview-field input:autofill{box-shadow:inset 0 0 0 1000px #295950;color:var(--login-ink)}
#loginPreview .login-preview-field input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 1000px #295950;-webkit-text-fill-color:var(--login-ink)}
#loginPreview .login-preview-password{position:relative}
#loginPreview .login-preview-password input{padding-right:54px}
#loginPreview .login-preview-eye{
 position:absolute;right:3px;top:3px;display:grid;place-items:center;width:44px;height:44px;padding:10px;
 border:0;border-radius:10px;background:transparent;color:var(--login-muted);box-shadow:none;cursor:pointer;touch-action:manipulation;
 transition:background-color 150ms ease,color 150ms ease;
}
#loginPreview .login-preview-eye svg{grid-area:1/1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#loginPreview .login-preview-eye-closed{display:none}
#loginPreview .login-preview-eye[aria-pressed=true] .login-preview-eye-open{display:none}
#loginPreview .login-preview-eye[aria-pressed=true] .login-preview-eye-closed{display:block}
#loginPreview .login-preview-error{min-height:20px;margin:12px 0;color:var(--login-error);font-size:13px;line-height:1.55;font-weight:400;overflow-wrap:anywhere}
#loginPreview .login-preview-error[hidden]{display:block;visibility:hidden}
#loginPreview .login-preview-submit{
 display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;margin:0;padding:12px 20px;
 border:1px solid #ffffffbd;border-radius:999px;background:linear-gradient(145deg,#ffffffd6,#effdf3ad 58%,#dcf4eba3);color:#12322c;
 font:inherit;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.01em;box-shadow:inset 0 1px 1px #ffffffeb,inset 0 -1px 1px #dcfff180,0 3px 12px #02191b14;
 text-shadow:0 1px 0 #ffffff59;
 cursor:pointer;touch-action:manipulation;transition:background-color 150ms ease,transform 150ms ease,opacity 150ms ease;
}
#loginPreview .login-preview-submit:active:not(:disabled){transform:scale(.985)}
#loginPreview .login-preview-submit:disabled{cursor:wait;opacity:.64}
#loginPreview .login-preview-demo{margin:20px 0 0;color:var(--login-muted);font-size:12px;font-weight:400;line-height:1.65;text-align:center;letter-spacing:0;overflow-wrap:anywhere}
#loginPreview .login-preview-demo span{white-space:nowrap}
#loginPreview button:focus{outline:none}
#loginPreview button:focus-visible{outline:2px solid #f5f7f8;outline-offset:4px}
#loginPreview.is-visible .login-preview-panel{animation:login-preview-reveal 350ms cubic-bezier(.2,.65,.3,1) both}
#loginPreview.is-visible :is(.login-preview-shade,.login-preview-back){opacity:1}
#universeLanding.is-login{touch-action:pan-y}
#universeLanding.is-login>:is(.landing-copy,.landing-signature,.landing-journey,.landing-water-shade){visibility:hidden;pointer-events:none}
@keyframes login-preview-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover){
 #loginPreview .login-preview-back:hover{color:#fff}
 #loginPreview .login-preview-eye:hover{background:#ffffff14;color:#fff}
 #loginPreview .login-preview-submit:hover:not(:disabled){background:linear-gradient(145deg,#ffffffe8,#f0fff3c2 58%,#e4fbf0b8)}
}
@media(max-width:700px){
 #loginPreview{grid-template-columns:minmax(0,1fr);justify-items:center;padding:96px 24px max(32px,calc(env(safe-area-inset-bottom,0px) + 20px))}
 #loginPreview .login-preview-panel{grid-column:1;padding:30px 28px;border-radius:24px}
 #loginPreview .login-preview-heading{margin-bottom:28px}
 #loginPreview .login-preview-heading h2{font-size:32px}
 #loginPreview .login-preview-heading p{font-size:14px}
 #loginPreview .login-preview-shade{background:linear-gradient(180deg,#07121729,transparent 24%,#07121729)}
}
@media(max-height:650px){
 #loginPreview{align-items:start;padding-top:84px;padding-bottom:max(28px,calc(env(safe-area-inset-bottom,0px) + 16px))}
 #loginPreview .login-preview-back{top:max(16px,calc(env(safe-area-inset-top,0px) + 8px))}
}
@media(max-width:360px){#loginPreview .login-preview-panel{padding:28px 22px}#loginPreview .login-preview-demo span{display:block}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#loginPreview .login-preview-panel{background:#0d3439de}}
@media(prefers-reduced-motion:reduce){
 #loginPreview.is-visible .login-preview-panel{animation:none;opacity:1;transform:none}
 #loginPreview :is(.login-preview-shade,.login-preview-back,.login-preview-eye,.login-preview-submit,.login-preview-field input){transition:none}
 #loginPreview .login-preview-submit:active:not(:disabled){transform:none}
}
@media(forced-colors:active){
 #loginPreview .login-preview-panel{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;text-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 #loginPreview .login-preview-panel::before,#loginPreview .login-preview-panel::after{display:none}
 #loginPreview :is(.login-preview-heading h2,.login-preview-heading p,.login-preview-field label,.login-preview-demo,.login-preview-error){color:CanvasText}
 #loginPreview .login-preview-field input{color:CanvasText;background:Canvas;border-color:CanvasText;text-shadow:none}
 #loginPreview .login-preview-submit{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;text-shadow:none}
 #loginPreview :is(.login-preview-back,.login-preview-eye){color:ButtonText}
 #loginPreview button:focus-visible,#loginPreview .login-preview-field input:focus{outline-color:Highlight}
}