/* === DETELNET / DIPP login branding === */
html, body, .for-login, .login-content, body[data-path="login"] {
  background-color: #eef1f5 !important;
  background-image: repeating-linear-gradient(115deg, transparent 0 58px, rgba(63,111,182,.05) 58px 59px) !important;
}
/* strip warna brand bergelombang di bawah */
body::after, .for-login::after, .login-content::after {
  content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 84px; z-index: 0;
  background: linear-gradient(90deg, #2b2f86, #3f6fb6 30%, #d4145a 66%, #f5c44e);
  clip-path: polygon(0 42%, 100% 0, 100% 100%, 0 100%); opacity: .92; pointer-events: none;
}
/* kartu login */
.page-card {
  border-radius: 16px !important; box-shadow: 0 18px 50px rgba(43,47,134,.15) !important;
  border: 1px solid #e6e9ef !important; position: relative; z-index: 2;
}
/* logo lebih besar */
.page-card-head img, .login-content img, img.app-logo, .for-login img {
  height: 84px !important; width: auto !important; margin-bottom: 4px;
}
/* judul + tagline */
.page-card-head h4, .login-content h4 { color: #2b2f86 !important; }
#dipp-tagline { text-align:center; color:#7b8794; font-size:12px; font-style:italic; margin:-4px 0 10px; }
/* tombol login magenta */
.page-card .btn-primary, .btn-login, .btn-block.btn-primary, .login-content .btn-primary {
  background-color: #d4145a !important; border-color: #d4145a !important; color: #fff !important;
}
.page-card .btn-primary:hover, .btn-login:hover { background-color: #b01049 !important; }
.for-login a, .login-content a { color: #3f6fb6 !important; }