.login-page{color:#192642;background:#f4f7fb;place-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{grid-template-columns:1fr 430px;align-items:center;gap:88px;width:min(100%,1040px);display:grid}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.login-brand img{width:172px}.login-brand p{color:#13284c;max-width:390px;margin:0;font-size:29px;font-weight:800;line-height:1.15}.login-card{color:#192642;background:#fff;border:1px solid #e3e9f1;border-radius:18px;padding:40px;box-shadow:0 18px 55px #19264218}.login-card>span{color:#ef3345;text-transform:uppercase;letter-spacing:1.3px;font-size:11px;font-weight:900}.login-card h1{margin:10px 0;font-size:30px}.login-card>p{color:#607087;line-height:1.5}.login-card label{margin-top:17px;font-size:13px;font-weight:800;display:block}.login-card input{width:100%;font:inherit;box-sizing:border-box;border:1px solid #d8e0ea;border-radius:8px;margin-top:6px;padding:13px;display:block}.password-field{position:relative}.password-field input{padding-right:78px}.password-toggle{top:4px;right:8px;color:#496b9f!important;background:0 0!important;width:auto!important;margin:0!important;padding:9px 7px!important;font-size:12px!important;position:absolute!important}.remember-login{color:#65748a;align-items:center;gap:8px;font-size:12px!important;font-weight:700!important;display:flex!important}.remember-login input{width:15px!important;margin:0!important}.login-card button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#ef3345;border:0;border-radius:8px;margin-top:22px;padding:14px;font-weight:900}.login-card small{color:#77869a;margin-top:17px;font-size:11px;line-height:1.4;display:block}.login-link{color:#496b9f!important;background:0 0!important;width:auto!important;margin:0!important;padding:0!important;font-size:11px!important;display:inline!important}@media (max-width:800px){.login-page{padding:26px 18px}.login-panel{grid-template-columns:1fr;gap:28px;max-width:440px}.login-brand p{font-size:24px}.login-card{padding:28px}.login-brand img{width:145px}}.login-page{background:#14294d}.login-panel{width:min(100%,430px);display:block}.login-brand{margin-bottom:26px}.login-brand img{background:#fff;border-radius:10px;width:156px;padding:8px}.login-brand p{color:#fff;font-size:25px}.login-card{box-shadow:0 20px 55px #07172f66}.login-brand img{content:url(/compucenter-logo-login.svg);background:0 0;border-radius:0;width:178px;padding:0}.login-brand p{display:none}.login-panel{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #07172f66}.login-brand{background:#14294d;margin:0;padding:34px 30px 30px}.login-card{box-shadow:none;border:0;border-radius:0;padding:34px 38px 32px}@media (max-width:800px){.login-panel{width:min(100%,430px)}.login-brand{padding:30px 24px 26px}.login-card{padding:30px 26px 28px}}.login-page{padding:56px 20px;display:block}.login-panel{margin:0 auto;padding-top:172px;position:relative}.login-brand{box-sizing:border-box;z-index:2;border-radius:20px 20px 0 0;height:172px;position:absolute;inset:0 0 auto}.login-card{min-height:350px}@media (max-width:800px){.login-page{padding:30px 16px}.login-panel{padding-top:154px}.login-brand{height:154px}}.login-card>p{margin-bottom:24px;font-size:14px}.login-card input:focus{border-color:#ef3345;outline:3px solid #ef334522}.login-card form>button{transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #ef334533}.login-card form>button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #ef334555}.login-card small.login-error{color:#b42332;background:#fff1f2;border-radius:8px;padding:10px 12px;font-weight:700}