.login-page{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,43%) 1fr;background:white}.login-rail{color:white;background:#12161d;padding:32px clamp(28px,5vw,78px);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-rail:after{content:"";position:absolute;right:-18%;bottom:-22%;width:62%;aspect-ratio:1;border:1px solid #2d3948;transform:rotate(25deg);box-shadow:0 0 0 70px rgba(23,105,224,.05),0 0 0 140px rgba(23,105,224,.035)}.back{color:#aeb9c7;text-decoration:none;gap:8px;font-size:13px;width:fit-content}.back,.login-brand{display:flex;align-items:center}.login-brand{gap:10px;margin-top:15vh;font-size:20px}.login-message{margin-top:auto;margin-bottom:10vh;position:relative;z-index:1}.login-message>span{color:#65a5ff;font-weight:800;font-size:12px}.login-message h1{margin:14px 0 20px;font-size:clamp(42px,5vw,72px);line-height:1.06}.login-message p{max-width:480px;color:#aeb9c7;line-height:1.8}.security-note{position:relative;z-index:1;display:flex;gap:12px;padding-top:20px;border-top:1px solid #303946;color:#aeb9c7}.security-note svg{color:#65a5ff}.security-note div{display:grid;gap:4px}.security-note b{color:white;font-size:13px}.security-note span{font-size:12px}.login-panel{display:grid;place-items:center;padding:40px;background:#f7f9fc}.login-form,.private-code{width:min(100%,510px);padding:42px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:26px}.login-form h2,.private-code h2{margin:8px 0;font-size:30px}.login-form p,.private-code p{color:var(--muted);line-height:1.7;margin:0}.login-form label{display:grid;gap:8px;font-size:12px;font-weight:800;color:#526071}.code-input{height:50px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:0 14px;background:#fbfcfe}.code-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,105,224,.1)}.code-input svg{color:var(--blue)}.code-input input{border:0;outline:0;background:transparent;width:100%;font-family:Consolas,monospace;font-size:15px}.login-form .button-primary,.private-code>.button-primary{width:100%;min-height:48px}.login-form small{color:#909cad;text-align:center}.login-error{color:var(--coral);background:#fff1ef;padding:11px 12px;border-left:3px solid var(--coral);font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.success-icon{width:54px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:white;background:var(--green)}.private-code dl{margin:0;border-top:1px solid var(--line)}.private-code dl div{padding:14px 0;border-bottom:1px solid var(--line)}.private-code dt{color:var(--muted);font-size:11px;font-weight:800}.private-code dd{margin:7px 0 0;font-family:Consolas,monospace;font-size:16px;word-break:break-all}.confirm,.private-actions{display:flex;gap:10px}.confirm{color:var(--muted);font-size:12px;line-height:1.6}.confirm input{margin-top:3px;accent-color:var(--blue)}@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-rail{min-height:290px;padding:24px}.login-brand{margin-top:45px}.login-message{margin:40px 0 20px}.login-message h1{font-size:38px}.security-note{display:none}.login-panel{padding:20px}.login-form,.private-code{padding:25px}}