.simple-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px 20px;background:linear-gradient(180deg,#08797d 0%,#168e86 52%,#3bab94 100%)}
.simple-login-card{width:100%;max-width:400px;background:#fff;border:1px solid #e3ebed;border-radius:16px;padding:28px 34px 34px;box-shadow:0 12px 36px rgba(20,62,70,.06)}
.simple-login-logos{display:flex;align-items:center;justify-content:center;gap:22px}
.simple-login-logos img{display:block;object-fit:contain;flex-shrink:0}
.simple-logo-divider{width:1px;height:34px;background:#dce5e9;flex-shrink:0}
.simple-login-card .login-form{margin-top:26px}
.simple-login-card .login-form label{font-size:13px}
.simple-login-card .login-form input{font-size:14px;min-height:48px}
.simple-login-card .login-submit{justify-content:center;font-size:14px;min-height:48px;margin-top:26px}
@media(max-width:420px){.simple-login{padding:20px 16px}.simple-login-card{padding:24px}.simple-login-logos{gap:17px}.simple-login-logos .simple-jalin{width:78px;height:68px}.simple-login-logos .simple-bni{width:100px;height:31px}}

/* Subtle curved accents from the original teal login background. */
.simple-login{position:relative;isolation:isolate;overflow:hidden}
.simple-login::before,.simple-login::after{content:"";position:absolute;border:1px solid rgba(199,248,221,.24);border-radius:50%;pointer-events:none;z-index:0}
.simple-login::before{width:760px;height:760px;bottom:-450px;right:-150px}
.simple-login::after{width:620px;height:620px;bottom:-380px;right:-80px}
.simple-login-card{position:relative;z-index:1}