.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 18px;background:#edf3f3;color:#24414b}
.login-card{width:100%;max-width:450px;margin:0;background:#fff;border:1px solid #dbe6e7;border-radius:10px;padding:36px;box-shadow:0 12px 42px #17333a0a}
.login-mark{width:44px;height:44px;display:grid;place-items:center;background:#e5f0ee;color:#125a63;border-radius:7px;font-size:24px;font-weight:600;margin-bottom:20px}
.login-eyebrow{font-size:13px;color:#607c84;margin:0 0 7px}.login-card h1{font-size:28px;font-weight:600;margin:0 0 10px}.login-intro{font-size:14px;color:#617880;line-height:1.9;margin:0 0 25px}
#login-form{display:grid;gap:9px}#login-form>label{font-size:14px;font-weight:600}#login-form input:not([type=checkbox]){width:100%;padding:12px;border:1px solid #bdcfd5;border-radius:5px;font:inherit;font-size:15px;background:#fff;min-width:0}#login-email{margin-bottom:9px}
.login-password-wrap{display:flex;gap:8px;align-items:stretch}.login-password-wrap input{flex:1}.login-password-wrap button{border:1px solid #d3dfe3;border-radius:5px;background:#f8fafb;color:#43636d;font:inherit;font-size:12px;padding:0 12px}
#login-form .login-remember{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:#5b7480;padding:8px 0}.login-remember input{accent-color:#125a63;width:17px;height:17px}#login-submit{width:100%;padding:12px;font-size:15px}#login-status{margin:8px 0 0;font-size:13px;min-height:24px;color:#576f7b}#login-status[data-error=true]{color:#9a3c32}.login-footnote{font-size:12px;color:#74888e;border-top:1px solid #e3eaec;padding-top:18px;margin-top:24px;margin-bottom:0}
@media(max-width:500px){.login-card{padding:28px 24px}.login-page{padding:22px 14px}.login-card h1{font-size:25px}}