.login-page{isolation:isolate;--login-glass:color-mix(in srgb,var(--sumi) 74%,transparent);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,440px);column-gap:48px;min-height:calc(100svh - 64px);padding:84px clamp(16px,5vw,80px) 40px;display:grid;position:relative;overflow:hidden}.login-page.trust-page{--login-glass:#ffffffdb}.login-sky{z-index:-1;background:var(--ls-void);--ls-void:var(--sumi);--ls-tint:var(--theme-tint);--ls-scan:var(--shu);--ls-route:var(--theme-route);--ls-real:var(--kaya);--ls-ink:var(--ink);--ls-dim:var(--soft);--ls-surface:var(--theme-star-surface);--ls-display:var(--font-dot),monospace;--ls-mono:var(--font-vt),monospace;--ls-ambient:1;position:absolute;inset:0}.trust-page .login-sky{--ls-void:var(--washi-2);--ls-tint:29,37,33;--ls-route:var(--shu-deep);--ls-surface:#fff;--ls-display:var(--font-zen),sans-serif;--ls-ambient:.5}.login-sky canvas{width:100%;height:100%;display:block}.login-sky:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.trust-page .login-sky:after{content:none}.login-hud{background:var(--login-glass);font-family:var(--font-vt),monospace;letter-spacing:.14em;color:var(--ls-dim);opacity:0;gap:2px;margin:0;padding:8px 10px;font-size:15px;transition:opacity .6s .3s;display:grid;position:absolute;top:16px;left:clamp(8px,5vw - 10px,70px)}.login-sky.is-on .login-hud{opacity:1}.login-hud p{margin:0}.login-hud-live i{vertical-align:1px;background:var(--ls-scan);width:7px;height:7px;box-shadow:0 0 8px var(--ls-scan);margin-right:9px;animation:1.6s steps(2,end) infinite login-blink;display:inline-block}.login-hud-count{flex-wrap:wrap;gap:4px 18px;display:flex}.login-hud-count b{color:var(--ls-ink);margin-right:5px;font-size:22px;font-weight:400}.login-sheet{border:1px solid var(--line-strong);background:linear-gradient(135deg,transparent calc(50% - 1px),var(--shu) 50%,transparent calc(50% + 1px)) 0 0/20px 20px no-repeat, linear-gradient(135deg,transparent calc(50% - 1px),var(--line-strong) 50%,transparent calc(50% + 1px)) 100% 100%/20px 20px no-repeat,var(--washi-hi);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);grid-area:1/2/3;align-content:start;align-self:center;gap:22px;width:100%;padding:34px 32px 22px;display:grid;position:relative}.login-sheet:before{content:"";background:linear-gradient(90deg,var(--shu),transparent 75%);height:2px;position:absolute;top:-1px;left:20px;right:0}.login-head h1{font-family:var(--display);color:var(--ink);text-wrap:balance;word-break:auto-phrase;margin:12px 0 10px;font-size:clamp(28px,2.9vw,38px);font-weight:400;line-height:1.25}.login-eyebrow{font-family:var(--font-vt),var(--font-plex),monospace;letter-spacing:.16em;color:var(--shu);text-transform:uppercase;margin:0;font-size:15px}.login-lead{color:var(--soft);margin:0;font-size:14px;line-height:1.85}.login-invite{border:1px solid var(--line-strong);font-family:var(--font-vt),monospace;letter-spacing:.08em;color:var(--kaya);margin:12px 0 0;padding:3px 10px;font-size:14px;display:inline-flex}.login-ways,.login-providers{gap:10px;display:grid}.login-provider{border:1px solid var(--line-strong);background:rgb(var(--line-rgb) / .03);width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 16px 8px 9px;transition:border-color .25s,background-color .25s;display:grid;position:relative;overflow:hidden}.login-provider:after{content:"";pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgb(var(--accent) / .16) 50%,transparent 70%);position:absolute;inset:0;transform:translate(-100%)}.login-provider:is(:hover,:focus-visible):not(:disabled){border-color:var(--shu);background:rgb(var(--accent) / .07)}.login-provider:is(:hover,:focus-visible):not(:disabled):after{transition:transform .75s;transform:translate(100%)}.login-provider:focus-visible{box-shadow:inset 0 0 0 1px var(--shu);outline:none}.login-provider:disabled{opacity:.42;cursor:default}.login-provider[aria-busy=true]{opacity:1;border-color:var(--shu);background:rgb(var(--accent) / .1)}.login-provider-icon{color:#000;background:#fff;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.login-provider-name{letter-spacing:.02em;font-size:15px;font-weight:700}.login-provider-action{color:var(--soft);white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.login-provider-action svg{color:var(--shu);transition:transform .25s}.login-provider:hover:not(:disabled) .login-provider-action svg{transform:translate(4px)}.login-provider[aria-busy=true] .login-provider-action{color:var(--shu);animation:1s steps(2,end) infinite login-blink}.login-alert{border-left:3px solid var(--status-warning);background:rgb(var(--accent-3) / .08);color:var(--ink);margin:0;padding:10px 12px;font-size:13px;line-height:1.7}.login-or{font-family:var(--font-vt),monospace;letter-spacing:.2em;color:var(--faint);align-items:center;gap:12px;margin:0;font-size:14px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line-strong);flex:1;height:1px}.login-email{gap:10px;margin:0;display:grid}.login-email label{color:var(--soft);align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;display:flex}.login-email label svg{color:var(--shu);flex-shrink:0;margin-top:4px}.login-email div{gap:8px;display:flex}.login-email input{border:1px solid var(--line-strong);background:rgb(var(--line-rgb) / .04);min-width:0;height:46px;color:var(--ink);font:inherit;border-radius:0;flex:1;padding:0 12px;font-size:14px}.login-email input:focus{border-color:var(--shu);box-shadow:0 0 0 3px rgb(var(--accent) / .16);outline:none}.login-email button{border:1px solid var(--shu);height:46px;color:var(--shu);white-space:nowrap;cursor:pointer;background:0 0;padding:0 16px;font-weight:800;transition:background-color .2s,color .2s}.login-email button:hover:not(:disabled){background:var(--shu);color:var(--on-accent)}.login-email button:disabled{opacity:.5;cursor:default}.login-email-sent{border:1px solid var(--shu);color:var(--ink);align-items:center;gap:8px;margin:0;padding:12px;font-size:13px;display:flex}.login-email-sent svg{color:var(--shu);flex-shrink:0}.login-continue{background:var(--shu);min-height:52px;color:var(--on-accent);letter-spacing:.04em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);justify-content:center;align-items:center;gap:12px;padding:0 22px;font-weight:800;transition:background-color .25s;display:inline-flex}.login-continue:hover{background:var(--shu-deep)}.login-continue svg{transition:transform .25s}.login-continue:hover svg{transform:translate(4px)}.login-foot{border-top:1px solid var(--line);color:var(--soft);justify-content:space-between;gap:12px;padding-top:14px;font-size:13px;display:flex}.login-foot a:hover{color:var(--shu)}.login-points{border-left:2px solid var(--shu);background:var(--login-glass);-webkit-backdrop-filter:blur(6px);grid-area:2/1;place-self:end start;max-width:380px;padding:14px 18px}.login-points>p{font-family:var(--font-vt),monospace;letter-spacing:.16em;color:var(--shu);margin:0 0 8px;font-size:15px}.login-points ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.login-points li{color:var(--ink);align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.login-points li svg{color:var(--shu);flex-shrink:0;margin-top:3px}.trust-page .login-sheet{border-color:var(--line);background:linear-gradient(135deg,transparent calc(50% - 1px),var(--shu) 50%,transparent calc(50% + 1px)) 0 0/20px 20px no-repeat, linear-gradient(135deg,transparent calc(50% - 1px),var(--line-strong) 50%,transparent calc(50% + 1px)) 100% 100%/20px 20px no-repeat,#fff}.trust-page .login-head h1{font-size:30px;font-weight:700}.trust-page .login-eyebrow,.trust-page .login-points>p,.trust-page .login-or{letter-spacing:.12em;font-family:inherit;font-size:12px;font-weight:700}.trust-page .login-provider{background:#fff}.trust-page .login-provider-icon{background:var(--washi-2)}@keyframes login-blink{50%{opacity:.35}}@media (width<=900px){.login-page{flex-direction:column;gap:16px;min-height:0;padding:300px 16px 32px;display:flex}.login-sheet{padding:26px 20px 18px}.login-points{width:100%;max-width:none}.login-hud{font-size:13px;top:8px;left:8px}.login-hud-count b{font-size:17px}}.login-dev{border:1px dashed var(--kaya);gap:6px;padding:14px;display:grid}.login-dev button{border:1px solid var(--kaya);min-height:44px;color:var(--kaya);cursor:pointer;background:0 0;font-weight:800}.login-dev button:hover{background:#ffd84a14}.login-dev p{color:var(--soft);margin:0;font-size:12px}
