html, body { min-height: 100%; }
.login-page { min-height:100vh; margin:0; font-family:Arial,sans-serif; background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)),url('/wp-content/uploads/2021/03/Reliance-Bank-Home-Page-Header.png') center/cover no-repeat; color:#333; }
.login-brand { position:absolute; top:30px; left:32px; display:block; width:180px; z-index:1; }.login-brand img { display:block; width:100%; height:auto; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:120px 20px 40px; box-sizing:border-box; }
.login-card { width:min(630px,100%); min-height:560px; box-sizing:border-box; background:rgba(255,255,255,.88); border-radius:12px; padding:70px; box-shadow:0 8px 28px rgba(0,0,0,.08); }
.login-language { text-align:right; color:#697280; font-size:16px; }.login-card h1 { color:#ed1630; font-size:34px; font-weight:400; line-height:1.35; text-align:center; margin:30px 0 60px; }
.login-field { position:relative; display:block; margin:22px 0; }.login-field span { position:absolute; left:18px; top:17px; color:#9099aa; font-size:22px; }.login-field input { width:100%; box-sizing:border-box; padding:18px 20px 18px 55px; border:1px solid #c7ccd4; border-radius:10px; font-size:19px; outline-color:#82b7ff; }
.login-help { color:#008ad0; display:block; text-align:right; font-size:16px; text-decoration:none; margin:35px 0; }.login-submit { width:100%; border:0; border-radius:28px; background:#ed0630; color:#fff; padding:16px; font-size:17px; font-weight:700; cursor:pointer; }.login-status { min-height:20px; margin:14px 0 0; text-align:center; color:#697280; }.login-status[hidden] { display:none; }
@media(max-width:640px){.login-brand{top:18px;left:18px;width:145px}.login-card{padding:44px 28px;min-height:0}.login-card h1{font-size:28px;margin:24px 0 40px}}