.login-page{--l-bg:#14161c;--l-text:#eef1f6;--l-text-2:#c3c9d4;--l-dim:#9aa3b2;--l-faint:#7b8494;--l-accent:#ffcf5c;--l-accent-hover:#ffe08a;--l-ink:#14161c;--l-s1:#eef1f60b;--l-s2:#eef1f612;--l-s3:#eef1f61c;--l-hair:#eef1f60f;--l-ok:#4ade80;--l-danger:#ffb4b4;--l-danger-tint:#ef44441a;--l-form:400px;--l-ease:cubic-bezier(.2, .8, .2, 1);font-family:var(--font,"Be Vietnam Pro", system-ui, sans-serif);background:var(--l-bg);color:var(--l-text);width:100%;min-height:100dvh;position:relative;overflow-x:clip}.login-page *{box-sizing:border-box}.login-page .lg-glow{pointer-events:none;background:radial-gradient(closest-side,#ffcf5c14,#ffcf5c00 70%);width:min(1100px,140vw);height:820px;position:absolute;top:-420px;left:22%;transform:translate(-30%)}.login-page .lg-frame{z-index:1;grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:80px;max-width:1280px;min-height:100dvh;margin:0 auto;padding:96px 64px 48px;display:grid;position:relative}.login-page .lg-pitch{flex-direction:column;gap:40px;min-width:0;max-width:640px;display:flex}.login-page .lg-pitch .lg-brand{position:absolute;top:40px;left:64px}.login-page .lg-col{flex-direction:column;width:100%;min-width:0;display:flex}.login-page .lg-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.login-page .lg-brand-chip{color:var(--l-accent);display:inline-flex}.login-page .lg-pitch-body{flex-direction:column;gap:22px;display:flex}.login-page .lg-eyebrow{color:var(--l-dim);letter-spacing:.02em;margin:0;font-size:14px;font-weight:500}.login-page .lg-hero{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(40px,3.6vw,54px);font-weight:600;line-height:1.04}.login-page .lg-hero em{color:var(--l-accent);white-space:nowrap;font-style:normal}.login-page .lg-lead{max-width:480px;color:var(--l-dim);text-wrap:pretty;margin:0;font-size:18px;line-height:1.5}.login-page .lg-mock{background:var(--l-s1);border-radius:24px;flex-direction:column;gap:12px;padding:20px;display:flex}.login-page .lg-mock-field{background:var(--l-s2);height:56px;color:var(--l-dim);border-radius:999px;align-items:center;gap:12px;padding:0 8px 0 20px;display:flex}.login-page .lg-mock-query{font-family:var(--font-mono,ui-monospace, "Cascadia Mono", Consolas, monospace);color:var(--l-text);flex:1;font-size:17px;font-weight:500}.login-page .lg-mock-caret{vertical-align:-4px;background:var(--l-accent);width:2px;height:20px;margin-left:2px;animation:1.1s steps(2,start) infinite lgCaret;display:inline-block}@keyframes lgCaret{to{opacity:0}}.login-page .lg-mock-btn{background:var(--l-accent);height:40px;color:var(--l-ink);border-radius:999px;align-items:center;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.login-page .lg-mock-meta{color:var(--l-faint);padding:6px 8px 0;font-size:12.5px}.login-page .lg-mock-meta b{color:var(--l-dim);font-weight:500}.login-page .lg-mock-rows{flex-direction:column;gap:8px;display:flex}.login-page .lg-mock-row{background:var(--l-s1);border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.login-page .lg-mock-row.is-ghost{opacity:.55}.login-page .lg-mock-ic{background:var(--l-s2);width:36px;height:36px;color:var(--l-text-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-page .lg-mock-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.login-page .lg-mock-text>span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.login-page .lg-mock-text small{color:var(--l-faint);font-size:12px}.login-page .lg-mock-text i{background:#eef1f624;border-radius:5px;height:9px;display:block}.login-page .lg-mock-text i+i{background:#eef1f614;height:7px}.login-page .lg-mock-dl{color:var(--l-accent);font-size:12.5px;font-weight:500}.login-page .lg-card{background:var(--l-s2);border-radius:28px;flex-direction:column;gap:22px;padding:36px;display:flex}.login-page .lg-card-head{flex-direction:column;gap:6px;display:flex}.login-page .lg-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.login-page .lg-sub{color:var(--l-dim);margin:0;font-size:14px;line-height:1.5}.login-page .lg-head{align-items:center;gap:14px;display:flex}.login-page .lg-back{background:var(--l-s2);width:36px;height:36px;color:var(--l-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.login-page .lg-back:hover{background:var(--l-s3)}.login-page .lg-stepper{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.login-page .lg-step{color:var(--l-faint);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.login-page .lg-step-dot{background:var(--l-s2);width:22px;height:22px;color:var(--l-dim);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.login-page .lg-step.is-done .lg-step-dot{color:var(--l-ok);background:#4ade8024}.login-page .lg-step.is-current{color:var(--l-text);font-weight:500}.login-page .lg-step.is-current .lg-step-dot{background:var(--l-accent);color:var(--l-ink)}.login-page .lg-step-line{background:#eef1f614;flex:1;height:1px}.login-page .lg-actions{flex-direction:column;gap:10px;display:flex}.login-page .btn{width:100%;max-width:var(--l-form);background:var(--l-accent);height:52px;color:var(--l-ink);font:inherit;cursor:pointer;transition:background .15s ease, transform .12s ease, width .3s var(--l-ease), border-radius .3s var(--l-ease);border:none;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex;position:relative}.login-page .btn:hover:not(:disabled){background:var(--l-accent-hover)}.login-page .btn:active:not(:disabled){transform:scale(.975)}.login-page .btn:disabled{cursor:default}.login-page .btn-ghost{background:var(--l-s2);color:var(--l-text);font-weight:500}.login-page .btn-ghost:hover:not(:disabled){background:var(--l-s3)}.login-page .lg-submit{margin-top:2px}.login-page .btn.is-loading,.login-page .btn.is-success{width:52px;min-width:52px;padding:0}.login-page .btn-label,.login-page .btn-icon-idle{transition:opacity .15s,transform .15s;display:flex}.login-page .btn.is-loading .btn-label,.login-page .btn.is-loading .btn-icon-idle,.login-page .btn.is-success .btn-label,.login-page .btn.is-success .btn-icon-idle{opacity:0;position:absolute;transform:scale(.6)}.login-page .spinner-ring,.login-page .check-mark{opacity:0;transition:opacity .2s,transform .2s;position:absolute;transform:scale(.5)}.login-page .btn.is-loading .spinner-ring,.login-page .btn.is-success .check-mark{opacity:1;transform:scale(1)}.login-page .spinner-ring svg{animation:.8s linear infinite loginBtnSpin}@keyframes loginBtnSpin{to{transform:rotate(360deg)}}.login-page .check-mark svg path{stroke-dasharray:24;stroke-dashoffset:24px}.login-page .btn.is-success .check-mark svg path{animation:.35s 50ms forwards loginBtnCheckDraw}@keyframes loginBtnCheckDraw{to{stroke-dashoffset:0}}.login-page .btn-ripple{border:1.5px solid var(--l-accent);opacity:0;border-radius:50%;position:absolute;inset:0}.login-page .btn.is-success .btn-ripple{animation:.6s ease-out .1s forwards loginBtnRippleOut}@keyframes loginBtnRippleOut{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.login-page .g-wrap{width:100%;max-width:var(--l-form);justify-content:center;align-self:center;min-height:44px;display:flex}.login-page .g-wrap>div{width:100%!important}.login-page .lg-hint{color:var(--l-faint);text-align:center;padding-top:4px;font-size:12.5px}.login-page .lg-callout{background:var(--l-s1);color:var(--l-text-2);border-radius:16px;gap:12px;padding:16px 18px;font-size:13.5px;line-height:1.5;display:flex}.login-page .lg-callout>svg{color:var(--l-accent);flex-shrink:0;margin-top:3px}.login-page .lg-callout b{color:var(--l-text);font-weight:600}.login-page .login-loading,.login-page .login-error{color:var(--l-dim);align-items:center;gap:8px;font-size:13px;display:none}.login-page .login-loading.show{justify-content:center;display:flex}.login-page .login-error.show{background:var(--l-danger-tint);color:var(--l-danger);border-radius:12px;padding:12px 14px;display:flex}.login-page .loading-gif-sm{width:18px;height:18px}.login-page .lg-foot{border-top:1px solid var(--l-hair);color:var(--l-faint);align-items:center;gap:12px;padding-top:14px;font-size:12px;display:flex}.login-page .lg-foot.spread{justify-content:space-between}.login-page .lg-foot-item{align-items:center;gap:8px;display:inline-flex}.login-page .lg-foot-item b{color:var(--l-dim);font-weight:600}.login-page .lg-link{font:inherit;color:var(--l-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.login-page .lg-link:hover{color:var(--l-accent-hover)}.login-page .lg-link.quiet{color:var(--l-dim)}.login-page .user-chip{background:var(--l-s1);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.login-page .user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.login-page .user-chip-main{flex:1;min-width:0;line-height:1.3}.login-page .user-chip-mail{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.login-page .user-chip-note{color:var(--l-ok);font-size:12px}.login-page .input-label{letter-spacing:.06em;text-transform:uppercase;color:var(--l-faint);margin-bottom:-12px;font-size:12px;font-weight:600;display:block}.login-page .input-field{background:var(--l-s2);width:100%;height:56px;color:var(--l-text);font-family:var(--font-mono,ui-monospace, "Cascadia Mono", Consolas, monospace);letter-spacing:.08em;border:none;border-radius:16px;outline:none;padding:0 20px;font-size:20px;font-weight:500;transition:background .15s,box-shadow .15s}.login-page .input-field::placeholder{color:var(--l-faint);letter-spacing:.04em;font-size:15px}.login-page .input-field:focus{background:var(--l-s3);box-shadow:0 0 0 2px var(--l-accent)}.login-page .input-field.has-error{box-shadow:0 0 0 2px #ef444480}.login-page .lg-status{align-items:center;gap:16px;display:flex}.login-page .lg-status-icon{width:52px;height:52px;color:var(--l-accent);background:#ffcf5c24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-page .lg-status-icon.is-neutral{background:var(--l-s2);color:var(--l-dim)}.login-page .lg-status-title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600;line-height:1.15}.login-page .lg-status-meta{color:var(--l-dim);margin-top:4px;font-size:13.5px}.login-page .lg-note{background:var(--l-s1);color:var(--l-text-2);border-radius:16px;padding:16px 18px;font-size:13.5px;line-height:1.5}.login-page .lg-note-title{letter-spacing:.06em;text-transform:uppercase;color:var(--l-faint);margin-bottom:6px;font-size:12px;font-weight:600}.login-page .lg-note strong{color:var(--l-text);font-weight:600}.login-page .screen{animation:loginFadeIn .28s var(--l-ease) backwards}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-page .screen,.login-page .lg-mock-caret{animation:none}}@media (max-width:1024px){.login-page .lg-frame{grid-template-columns:1fr;align-items:start;gap:32px;max-width:560px;padding:24px 20px 28px}.login-page .lg-pitch{gap:0;max-width:none}.login-page .lg-pitch .lg-brand{margin-bottom:24px;position:static}.login-page .lg-pitch-body{gap:14px}.login-page .lg-eyebrow{font-size:13px}.login-page .lg-hero{letter-spacing:-.03em;font-size:34px;line-height:1.06}.login-page .lg-lead{font-size:15px}.login-page .lg-mock{display:none}.login-page .lg-card{border-radius:24px;gap:18px;padding:24px 20px}.login-page .lg-title{font-size:22px}.login-page .btn{height:50px}.login-page[data-screen=register] .lg-pitch-body,.login-page[data-screen=pending] .lg-pitch-body{display:none}}