*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#10254a;background:#f5f8fc;font-family:Arial,sans-serif}.login-page{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.login-content{text-align:center;width:min(440px,100%)}.logo{object-fit:contain;width:230px;height:auto;margin:0 auto 42px}.login-card{text-align:left;background:#fff;border-radius:21px;padding:42px 40px 40px;box-shadow:0 12px 34px #1a375b14}.login-card h1{text-align:center;margin:0;font-size:26px}.login-card header p{color:#667892;text-align:center;margin:10px 0 34px;font-size:15px}.login-card label{gap:8px;font-size:14px;font-weight:700;display:grid}.login-card input{color:#10254a;background:#eaf1ff;border:1px solid #d8e2f2;border-radius:12px;outline:none;width:100%;padding:15px;font-size:16px}.login-card input:focus{background:#fff;border-color:#169ef0;box-shadow:0 0 0 3px #ccecff}.password-label{margin-top:20px;position:relative}.show-password{color:#58708f;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700;position:absolute;bottom:12px;right:12px}.forgot{text-align:right;color:#506b8e;margin:10px 0 18px;font-size:13px;font-weight:700;display:block}.remember{color:#60718a;align-items:center;gap:8px;font-weight:500!important;display:flex!important}.remember input{width:16px;height:16px;padding:0}.submit{color:#fff;cursor:pointer;background:#229ce7;border:0;border-radius:12px;width:100%;margin-top:31px;padding:15px;font-size:16px;font-weight:700}.footer{color:#57708e;margin:38px 0 0;font-size:13px}@media (max-width:480px){.login-card{padding:32px 24px}.logo{margin-bottom:30px}}