.login-body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#f8f9fc;color:var(--ink);padding:32px 18px;min-height:100vh}
.login-card{width:min(480px,100%);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 40px #4048680b;padding:35px;background:#fff}
.login-card .brand{margin-bottom:28px}
.login-card h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 12px}
.login-card>.muted{margin:0 0 25px;line-height:1.7}
.login-card label{font-size:13px;font-weight:600;gap:8px}
.login-card input:not([type=checkbox]){min-height:48px;border-radius:9px}
.login-card form{gap:17px}
.login-card form>.button{min-height:48px;border-radius:9px}
.auth-divider{display:flex;align-items:center;gap:15px;margin:23px 0;color:var(--muted);font-size:12px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.login-card .auth-provider-form{display:block}
.auth-provider-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;background:white;color:var(--ink);border:1px solid #aab5c4;border-radius:9px;font-size:14px;font-weight:600}
.auth-provider-button:hover{background:#f6f8fa}
.ms-mark{display:grid;grid-template-columns:7px 7px;gap:2px}
.ms-mark i{display:block;width:7px;height:7px}
.ms-mark i:nth-child(1){background:#f25022}.ms-mark i:nth-child(2){background:#7fba00}
.ms-mark i:nth-child(3){background:#00a4ef}.ms-mark i:nth-child(4){background:#ffb900}
.login-card .auth-switch{text-align:center;font-size:13px;margin:23px 0 0}
.auth-switch a{font-weight:700;text-decoration:underline}
.ms-signup-choice{margin:16px 0 0}
.ms-signup-choice button{width:100%;border-radius:9px;min-height:48px}
.ms-signup-divider{text-align:center;color:var(--muted);font-size:12px;margin:17px 0}
@media(max-width:450px){.login-card{padding:25px 21px}.login-card h1{font-size:29px}}