*{box-sizing:border-box}body.mu-login-v8{margin:0;background:linear-gradient(150deg,#e9f7ef,#edf4f9);color:#173249;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}.ml-frame{max-width:1600px;margin:0 auto;padding:22px}.ml-layout{display:grid;grid-template-columns:minmax(310px,420px) minmax(0,1fr);gap:26px;align-items:stretch;background:white;border-radius:34px;padding:22px;min-height:min(830px,calc(100vh - 88px));box-shadow:0 20px 70px #15475b14}.ml-auth{border:1px solid #e5edf1;border-radius:25px;box-shadow:0 10px 30px #0c394b0b;padding:32px 32px 24px;display:flex;flex-direction:column}.ml-logo{text-align:center;margin:6px auto 17px;height:91px;display:grid;place-items:center}.ml-logo img{max-width:90px;max-height:90px;object-fit:contain}.ml-label{font-weight:800;color:#078d60;font-size:11px;letter-spacing:.13em;text-align:center}.ml-auth h1{text-align:center;font-size:27px;line-height:1.23;margin:11px 0 7px}.ml-auth h1 span{color:#12834e;display:block}.ml-subtitle,.ml-help,.ml-footnote{font-size:13px;color:#6b7d91;line-height:1.55}.ml-subtitle{text-align:center;margin:0 auto;max-width:300px}.ml-line{height:3px;width:53px;background:#11965e;margin:22px auto 25px;border-radius:5px}.ml-auth h2{font-size:21px;margin:0 0 3px}.ml-help{margin:3px 0 24px}.ml-form{display:grid;gap:8px}.ml-form label{font-weight:750;font-size:13px;margin-top:9px}.ml-control{height:49px;border:1px solid #dce7ee;border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:12px}.ml-control:focus-within{border-color:#11985d;box-shadow:0 0 0 3px #15966517}.ml-control input{border:0;outline:0;min-width:0;flex:1;font-size:14px;background:transparent}.ml-eye{background:transparent;border:0;color:#64748b;font-size:19px;cursor:pointer}.ml-submit{margin-top:15px;background:linear-gradient(110deg,#0a904a,#12a15b);color:#fff;border:0;border-radius:11px;min-height:50px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 8px 19px #00864d23}.ml-submit:hover{filter:brightness(.97)}.ml-footnote{margin:auto 0 0;padding-top:30px;text-align:center}.ml-flash{background:#fff1f0;color:#b12a28;border:1px solid #ffd8d6;padding:12px;border-radius:10px;font-size:13px}.ml-welcome{position:relative;overflow:hidden;background:radial-gradient(circle at 83% 10%,#eefcf6 0,transparent 34%),linear-gradient(135deg,#fafdff,#f1fbf5);border-radius:26px;padding:35px 28px;display:flex;align-items:center;flex-direction:column;text-align:center}.ml-tag{font-weight:800;letter-spacing:.18em;color:#128b61;font-size:11px}.ml-welcome h2{font-size:clamp(24px,3vw,39px);letter-spacing:-.035em;line-height:1.25;margin:15px 0}.ml-welcome h2 span{color:#0e8a48}.ml-welcome>p{color:#63788a;margin:0;max-width:560px;line-height:1.6}.ml-illustration{position:relative;width:min(620px,100%);height:285px;margin:32px auto 20px}.ml-sun{position:absolute;width:86px;height:86px;top:15px;left:20%;background:#ffd458;border-radius:50%;box-shadow:0 0 0 10px #ffe9a1aa}.ml-cloud{position:absolute;right:15%;top:40px;width:120px;height:30px;background:#cce6f4;border-radius:35px;box-shadow:33px 8px 0 #d9eff7,-25px 11px 0 #ddf3f8}.ml-campus{position:absolute;bottom:14px;left:20%;width:60%;height:200px;z-index:2;filter:drop-shadow(0 14px 9px #355e5036)}.ml-roof{width:104%;height:32px;background:#0a845e;clip-path:polygon(0 100%,15% 10%,85% 10%,100% 100%);position:absolute;top:0;left:-2%}.ml-building{position:absolute;bottom:0;top:29px;width:100%;border:7px solid #137e62;border-bottom:0;border-radius:7px 7px 0 0;background:linear-gradient(#fff8e9,#e6ddc5);padding:17px}.ml-top{background:#0d805c;color:white;letter-spacing:.1em;font-size:13px;font-weight:800;padding:9px;border-radius:5px}.ml-windows{display:flex;justify-content:space-between;margin:18px 0}.ml-windows b{display:block;width:17%;height:45px;background:linear-gradient(135deg,#80c0ba,#345e71);border:5px solid #e1c98e;border-radius:4px}.ml-door{height:52px;width:66px;border-radius:35px 35px 0 0;margin:-2px auto 0;background:#1a775d;border:6px solid #b9ab81}.ml-land{position:absolute;bottom:0;left:5%;right:5%;height:55px;border-radius:100% 100% 20% 20%;background:linear-gradient(#8fc988,#42985e)}.ml-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-top:auto}.ml-features div{background:#fff;border:1px solid #e4edf0;box-shadow:0 4px 18px #15435a0b;border-radius:16px;padding:17px 6px;display:flex;align-items:center;gap:8px;flex-direction:column}.ml-features span{font-size:26px}.ml-features strong{font-size:12px}.ml-features small{font-size:11px;color:#8192a1}.ml-bottom{text-align:center;padding:15px;color:#627b87;font-size:12px}@media(max-width:950px){.ml-layout{grid-template-columns:1fr}.ml-auth{max-width:520px;width:100%;margin:auto}.ml-welcome{min-height:460px}.ml-frame{padding:10px}.ml-layout{padding:12px;border-radius:22px}}@media(max-width:600px){.ml-auth{padding:23px 20px}.ml-welcome{padding:28px 16px}.ml-illustration{height:230px;margin:22px 0}.ml-campus{left:10%;width:80%}.ml-features{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* === Login theme override - Sahabat KBC inspired (V10.4) === */
body.mu-login-v8{
  background:linear-gradient(180deg,#f6faf6 0%, #eef4ef 100%);
  color:#1f3027;
}
.ml-layout{
  background:#ffffff;
  box-shadow:0 22px 70px rgba(20,45,27,.08);
}
.ml-auth{
  border:1px solid #e4ece5;
  box-shadow:0 12px 32px rgba(20,45,27,.05);
}
.ml-label,.ml-tag{color:#22974b}
.ml-auth h1 span,.ml-welcome h2 span{color:#1f944a}
.ml-subtitle,.ml-help,.ml-footnote,.ml-welcome>p{color:#6f7d72}
.ml-line{background:#22a14f}
.ml-control{border:1px solid #dce6de}
.ml-control:focus-within{border-color:#89c89b;box-shadow:0 0 0 3px rgba(34,161,79,.12)}
.ml-submit{background:linear-gradient(180deg,#25aa57 0%, #1d944d 100%);box-shadow:0 10px 24px rgba(37,170,87,.2)}
.ml-welcome{
  background:radial-gradient(circle at 83% 10%, #eef8f0 0, transparent 34%), linear-gradient(180deg,#ffffff 0%, #f7fbf8 100%);
  border:1px solid #e4ece5;
}
.ml-roof{background:#1e8f49}
.ml-building{border-color:#2d9a54;background:linear-gradient(#fffdf6,#eef4e7)}
.ml-top{background:#1f944a}
.ml-door{background:#1f8f4a;border-color:#c8d3b3}
.ml-land{background:linear-gradient(#b7ddb5,#67b56f)}
.ml-features div{border:1px solid #e4ece5;box-shadow:0 8px 18px rgba(20,45,27,.05)}