.login-page{color:#203853;background:#f1f5fb;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dce6f4;border-radius:18px;grid-template-columns:1.05fr 1fr;width:min(960px,100%);min-height:540px;display:grid;overflow:hidden;box-shadow:0 20px 60px #173b6b16}.login-intro{color:#fff;background:linear-gradient(145deg,#1f61de,#153f9c);flex-direction:column;padding:38px 42px;display:flex}.login-brand{align-items:center;gap:12px;display:flex}.login-brand>span,.login-lock{background:#ffffff24;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:19px}.login-brand small{letter-spacing:.12em;opacity:.7;margin-top:3px;font-size:9px}.login-copy{margin:auto 0}.login-kicker{letter-spacing:.16em;opacity:.7;font-size:11px}.login-copy h1{margin:14px 0;font-size:32px;line-height:1.3}.login-copy p{color:#d5e5ff;max-width:320px;font-size:14px;line-height:1.8}.login-features{gap:13px;margin-top:30px;font-size:13px;display:grid}.login-features span{align-items:center;gap:9px;display:flex}.login-caption{color:#b9d2ff;font-size:11px}.login-form-panel{flex-direction:column;justify-content:center;padding:54px 62px;display:flex}.login-form-heading h2{margin:22px 0 6px;font-size:26px}.login-form-heading p,.login-help{color:#7f91a8;font-size:13px}.login-form-panel form{gap:20px;margin-top:28px;display:grid}.login-form-panel label{color:#425b79;gap:8px;font-size:13px;font-weight:600;display:grid}.login-form-panel input{border:1px solid #d6e1ef;border-radius:8px;outline:none;height:46px;padding:0 13px}.login-form-panel button{color:#fff;background:#276be6;border:0;border-radius:8px;height:46px;font-weight:700}.login-error{color:#b33232;background:#fff0f0;border-radius:6px;margin:0;padding:10px;font-size:13px}.login-help{margin-top:25px}@media (max-width:700px){.login-card{grid-template-columns:1fr}.login-intro{min-height:190px;padding:25px}.login-copy{margin:25px 0}.login-copy h1{font-size:24px}.login-copy p,.login-features,.login-caption{display:none}.login-form-panel{padding:32px 25px}}.oauth-card{background:#fff;border:1px solid #dce6f4;border-radius:16px;width:min(540px,100%);padding:36px;box-shadow:0 20px 60px #173b6b16}.oauth-icon{color:#2563d8;background:#e8f0ff;border-radius:10px;place-items:center;width:42px;height:42px;margin-bottom:20px;display:grid}.oauth-card .login-kicker{color:#3b70c8;opacity:1}.oauth-card h1{margin:10px 0;font-size:24px}.oauth-card>p{color:#5f7590;font-size:14px;line-height:1.7}.oauth-permissions{color:#2456a3;background:#f4f8ff;border:1px solid #cee0f7;border-radius:8px;gap:13px;margin:22px 0;padding:16px;display:flex}.oauth-permissions p{color:#617b9b;margin:5px 0 0;font-size:13px;line-height:1.6}.oauth-warning{font-size:12px!important}.oauth-card form{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.oauth-card button{border-radius:7px;padding:10px 18px;font-weight:600}.oauth-deny{color:#526b87;background:#fff;border:1px solid #d5dfeb}.oauth-allow{color:#fff;background:#2869df;border:1px solid #2869df}.login-help a{color:#276be6;font-weight:600;text-decoration:none}.login-success{color:#187747;background:#eaf8ef;border-radius:6px;margin:0;padding:10px;font-size:13px}.login-form-panel form{gap:15px}.login-page{color:#1e3856;background:#edf3fa}.login-card{border-color:#dce7f3;border-radius:18px;box-shadow:0 22px 65px #173c6c1c}.login-intro{background:linear-gradient(150deg,#2d72e9 0%,#235dc9 60%,#183f94 100%)}.login-brand>span{border:1px solid #ffffff42;box-shadow:0 8px 18px #103a8530}.login-copy h1{letter-spacing:.01em}.login-copy p{color:#e0ecff}.login-form-heading h2{color:#1d3858}.login-form-heading p,.login-help{color:#667f9b}.login-lock{color:#2869e8;background:#eaf2ff}.login-form-panel label{color:#4d6682}.login-form-panel input{color:#263f5b;border-color:#cfdeef}.login-form-panel input::placeholder{color:#94a5b9}.login-form-panel input:hover{border-color:#aac1dd}.login-form-panel input:focus{border-color:#6594eb;box-shadow:0 0 0 3px #e0edff}.login-form-panel button{background:#2869e8;box-shadow:0 5px 12px #2869e827}.login-form-panel button:hover{background:#205bcf}.login-form-panel :where(a,button,input):focus-visible{outline-offset:2px;outline:3px solid #92b8ff}.login-help a{color:#2869e8}.oauth-card{border-color:#dce7f3;border-radius:14px}.oauth-card h1{color:#1d3858}