.login-page{--foreground:#f4f2ff;--muted:#b9b3d9;--line:#f4f2ff33;--status-magenta:#ff5cf0;--status-cyan:#00f4fd;color:#f4f2ff;background:#130c3b;grid-template-columns:minmax(0,3fr) minmax(360px,1fr);min-height:100svh;display:grid}.auth-visual{isolation:isolate;flex-direction:column;justify-content:space-between;gap:40px;min-height:100svh;padding:clamp(28px,4vw,64px);display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#130c3b00 30%,#130c3b8c 62%,#130c3be6 100%);position:absolute;inset:0}.auth-logo,.auth-lines{z-index:1;position:relative}.auth-logo{align-self:flex-start;font-size:1.875rem;line-height:1.2;display:inline-block}.auth-lines{gap:12px;display:grid}.auth-line-main{letter-spacing:-.01em;max-width:11em;font-size:clamp(38px,5.2vw,84px);font-weight:300;line-height:1.06}.auth-line{color:#e6e1f7;max-width:24em;font-size:clamp(18px,1.9vw,30px);font-weight:300;line-height:1.3}.login-panel{border-left:1px solid var(--line);background:#130c3bf0;flex-direction:column;justify-content:center;gap:24px;min-height:100svh;padding:48px clamp(24px,3vw,48px) 24px;display:flex}.login-panel-inner{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:380px;margin:0 auto;display:flex}.login-eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#00f4fd;margin-bottom:8px;font-size:.7rem}.login-panel h1{margin:4px 0 28px;font-size:40px;font-weight:300;line-height:1.1}.login-legal{color:#b9b3d9;text-align:center;font-size:.7rem}@media (max-width:899px){.login-page{grid-template-columns:1fr}.auth-visual{gap:28px;min-height:0;padding:28px 24px 32px}.auth-line-main{font-size:34px}.auth-line{font-size:17px}.login-panel{border-left:0;border-top:1px solid var(--line);min-height:0;padding:32px 24px 20px}}@media (prefers-reduced-motion:reduce){.auth-visual .ribbon{animation:none}}.login-forms{gap:28px;display:grid}.login-form+.login-form{border-top:1px solid var(--line);padding-top:28px}.login-form h2{font-size:.95rem;font-weight:400}.login-form .label{color:#d9d3ef;margin-bottom:8px;font-size:.8rem;font-weight:400}.login-form .field{background:#ffffff0a;border-color:#f4f2ff40;border-radius:12px;min-height:50px}.login-form .btn{color:#130c3b;background:#f4f2ff;border-radius:99px;font-size:.9rem}.login-form .btn:hover{filter:none;background:#00f4fd}.login-form .btn-quiet{color:#f4f2ff;background:0 0;border-color:#f4f2ff73}.login-form .btn-quiet:hover{background:#ffffff0f}.login-form .btn:disabled{opacity:.55;cursor:wait}.login-notice{color:#b9b3d9;margin-top:28px;font-size:.75rem;line-height:1.6}.login-message{padding:16px 0}.login-forms{gap:24px}.login-form[hidden]{display:none}.login-form+.login-form{border:0;padding-top:0}.login-methods{border:1px solid var(--line);border-radius:99px;padding:4px;display:flex}.login-methods button{color:#b9b3d9;cursor:pointer;border-radius:99px;flex:1;padding:12px;font-size:.85rem}.login-methods button[aria-pressed=true]{color:#130c3b;background:#f4f2ff}.login-methods button:focus-visible{outline:2px solid #00f4fd}