body.CCMLoginPage{margin:0;min-height:100vh;height:auto!important;display:flex;align-items:center;justify-content:center;padding:28px 16px;background:#f4f4ff;font-family:'Roboto',sans-serif;color:#474747;box-sizing:border-box}
.CCMLoginPage *{box-sizing:border-box}.CCMLoginPage .login-card{width:100%;max-width:430px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 3px 15px #66447714}
.CCMLoginPage .login-brand{display:inline-block;color:#664477;font-family:'Montserrat',sans-serif;font-weight:600;font-size:28px;text-decoration:none;margin-bottom:24px}
.CCMLoginPage h1{font-family:'Montserrat',sans-serif;font-size:25px;line-height:1.3;font-weight:500;color:#664477;text-transform:none;margin:0 0 12px}
.CCMLoginPage .login-hint{font-size:14px;line-height:1.6;color:#80718a;margin:0 0 24px}
.CCMLoginPage label{display:block;font-size:14px;margin:18px 0 8px}.CCMLoginPage input[type=text],.CCMLoginPage input[type=password]{display:block;width:100%;font:inherit;padding:12px 14px;line-height:1.5;border:1px solid #c0c4c9;border-radius:10px;background:#f9fafb;margin:0;color:#474747}
.CCMLoginPage input:focus-visible,.CCMLoginPage button:focus-visible,.CCMLoginPage a:focus-visible{outline:3px solid #936bb3;outline-offset:2px}
.CCMLoginPage button{display:block;width:100%;font:inherit;margin:26px 0 20px;padding:12px 18px;line-height:1.5;border:0;border-radius:20px;background:#664477;color:#fff;cursor:pointer}.CCMLoginPage button:hover{background:#dcc4ed;color:#664477}
.CCMLoginPage .login-home{display:block;text-align:center;font-size:13px;color:#8d7499;text-decoration:none}.CCMLoginPage .login-home:hover{text-decoration:underline}
.CCMLoginPage .login-error{font-size:14px;line-height:1.5;background:#fff0f0;color:#9b1e2d;padding:12px;border-radius:10px;margin:0 0 16px}
@media(max-width:480px){body.CCMLoginPage{align-items:flex-start;padding-top:40px}.CCMLoginPage .login-card{padding:26px 22px}.CCMLoginPage h1{font-size:23px}.CCMLoginPage input[type=text],.CCMLoginPage input[type=password]{font-size:16px}}