.login-screen{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:linear-gradient(135deg,#dce8f0,#f7fbff 70%,#fcebf3)}
.login-brand{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:46px 9%;background:linear-gradient(135deg,#080f15,#21303c 70%,#101720);color:#e7edf4}
.login-brand:after{content:"";position:absolute;z-index:-1;width:230px;height:120%;right:-100px;top:-10%;transform:rotate(32deg);border-left:1px solid #ff65a9;background:linear-gradient(90deg,#db166336,transparent);box-shadow:-16px 0 60px #df236e15}
.login-brand>img{width:100%;max-width:340px;height:auto;filter:brightness(1.5)}
.login-brand-copy{padding:64px 0 86px}.login-wordmark{letter-spacing:.25em;font-size:12px;color:#fb6da9;margin-bottom:20px}.login-brand h2{font-size:clamp(26px,2.7vw,40px);line-height:1.65;letter-spacing:.05em;font-weight:650}.login-brand-copy>p:last-of-type{color:#b2c3d2;font-size:14px;line-height:2;margin-top:22px}.login-brand>small{font-size:11px;color:#9eb0c1;letter-spacing:.05em}
.login-flow{display:flex;align-items:center;gap:10px;margin-top:35px;flex-wrap:wrap}.login-flow span{display:flex;align-items:center;gap:7px;font-size:12px}.login-flow span svg{color:#fd7bb4;width:18px}.login-flow>svg{width:13px;color:#6f879c}
.login-content{display:flex;align-items:center;justify-content:center;padding:40px 28px;min-width:0}.login-card{width:100%;max-width:450px;padding:38px;border:1px solid #fff;border-radius:18px;background:#ffffffd9;box-shadow:0 20px 70px #42587316}.login-mode{display:inline-block;font-size:11px;color:#a33168;background:#fff0f7;border:1px solid #f8d3e5;border-radius:5px;padding:5px 9px;margin-bottom:19px}.login-card h1{font-size:28px;letter-spacing:.06em}.login-lead{font-size:13px;color:#66788d;line-height:1.9;margin-top:12px}
.login-account{display:flex;align-items:center;gap:12px;background:#f2f7fb;border:1px solid #dce7ef;border-radius:10px;padding:18px 15px;margin:28px 0 20px}.login-account .avatar{background:#f9dfec;color:#a62361}.login-account strong{font-size:14px}.login-account p{font-size:11px;color:#63778e;margin-top:5px;line-height:1.6}.login-account>svg{width:18px;color:#b32c6b;margin-left:auto}.login-card>.button{white-space:normal;min-height:49px;font-size:13px}
.login-note{font-size:12px;color:#66778a;line-height:1.9;margin-top:20px}.login-storage{font-size:11px;color:#66778a;line-height:1.9;border-top:1px solid #e0e8ee;margin-top:20px;padding-top:18px}.login-status{font-size:12px;color:#22785c;line-height:1.8;margin-top:15px}.login-error{font-size:12px;color:#ad2654;line-height:1.8;margin-top:12px}.login-status:empty,.login-error:empty{display:none}
.masthead .logout-button{font-size:12px;padding:9px 12px;flex-shrink:0;background:#ffffffb0}.masthead .logout-button svg{width:16px}
.cloud-login-form{display:grid;gap:10px;margin-top:26px}.cloud-login-form label{font-size:12px;font-weight:650;color:#374a60}.cloud-login-form input{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #cbd8e3;border-radius:7px;background:#fff;font-size:16px}.cloud-login-form label:not(:first-child){margin-top:8px}.cloud-login-form input:focus{outline:2px solid #e72880;outline-offset:2px}.cloud-login-form .button{min-height:49px;margin-top:13px;font-size:13px}.cloud-login-form .button:disabled{opacity:.7;cursor:wait}.cloud-login-form .login-error{margin:4px 0 0}.login-retry{margin-top:25px}.masthead .profile b{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.login-screen{grid-template-columns:minmax(0,1fr)}.login-brand{padding:22px 28px}.login-brand>img{max-width:245px}.login-brand-copy{padding:23px 0 9px}.login-brand h2{font-size:24px}.login-wordmark{font-size:10px;margin-bottom:9px}.login-brand-copy>p:last-of-type,.login-flow,.login-brand>small{display:none}.login-content{padding:28px 20px 38px}.login-card{padding:30px;max-width:470px}}
@media(max-width:680px){.masthead .logout-button{font-size:10px;padding:8px;gap:5px}.masthead .logout-button svg{width:14px}.login-brand{padding:17px 23px}.login-brand>img{max-width:205px}.login-brand-copy{padding:15px 0 6px}.login-brand h2{font-size:21px}.login-card{padding:26px 23px;border-radius:13px}.login-card h1{font-size:25px}.login-content{padding:22px 16px 30px}.login-account{padding:14px 12px;margin-top:23px}}