@font-face{font-family:KlikInter;src:url('../fonts/inter/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body.klik-login{margin:0;background:#f8faf6;color:#183d32;font-family:KlikInter,Arial,sans-serif}
.klik-login *{box-sizing:border-box}
.login-shell{display:grid;grid-template-columns:46% 54%;min-height:100vh;min-height:100svh;width:100%}
.login-story{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:44px 54px;color:#fff;background:transparent}
/* Background URLs resolve relative to this stylesheet, not the page URL. */
.login-left {
    min-height: 100vh;
    background-color: #003c2c;
    background-image: url('../../images/bg-melayu.png?v=b8cdf73db5ff');
    background-repeat: repeat-x;
    background-position: center center;
    background-size: auto 100%;
}
.login-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;align-self:flex-start;text-decoration:none}
.login-brand:hover{color:#fff}
.login-brand img{object-fit:contain;flex-shrink:0}
.login-brand strong{display:block;font-size:23px;line-height:1.1;letter-spacing:-.045em}
.login-brand small{display:block;font-size:10px;line-height:1.2;margin-top:3px;color:#d3dfd6}
.login-story-copy{margin:28px 0 0;padding:0;max-width:450px}
.login-eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.16em;line-height:1.6;color:#5a7968;margin-bottom:16px}
.login-story .login-eyebrow{color:#e6bd70;font-size:9px}
.login-story h2{font-size:clamp(32px,3.1vw,48px);font-weight:550;letter-spacing:-.055em;line-height:1.18;color:#fff;margin:0 0 24px}
.login-story h2 em{font-style:normal;color:#e6bd70}
.login-story-copy>p{color:#c6d7cc;font-size:14px;line-height:1.9;max-width:300px;margin:0}
.login-story-note{display:flex;align-items:center;gap:16px;border-top:1px solid #ffffff26;padding-top:26px;margin-top:36px;color:#ccdbd1;font-size:11px;line-height:1.85}
.login-story-note>span:first-child{color:#e6bd70;font-size:27px}
.login-story-footer{margin-top:28px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:10px;color:#acc4b7}
.login-story-footer>span{font-size:8px;letter-spacing:.16em}
.login-main{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:40px 56px;background:transparent}
.login-back{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;font-size:11px;color:#62786c;text-decoration:none;margin-bottom:24px}
.login-back:hover{color:#183d32}
.login-form-wrap{width:100%;max-width:460px;margin:auto;padding:28px 36px;background:#f8faf6;border:1px solid #ffffff45;border-radius:16px;box-shadow:0 20px 60px #001c2650}
.login-form-wrap .login-eyebrow{margin-bottom:10px}
.login-form-wrap h1{color:#183d32;font-size:30px;font-weight:650;letter-spacing:-.045em;line-height:1.2;margin:0 0 12px}
.login-intro{font-size:12px;line-height:1.8;color:#748278;margin:0 0 30px}
.login-info:empty{display:none}
.login-info:not(:empty){margin-bottom:20px}
.login-field{margin-bottom:22px}
.login-field label{display:block;color:#294e3e;font-size:12px;font-weight:600;margin-bottom:9px}
.login-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.login-label-row>a{font-size:10px;color:#49715b;text-decoration:none}
.klik-login .login-field .form-control{display:block;min-height:49px;width:100%;border:1px solid #dce4da;background:#fff!important;color:#203c2e!important;border-radius:7px;font-size:12px;padding:13px 15px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.klik-login .login-field .form-control::placeholder{color:#9aa59c;opacity:1}
.klik-login .login-field .form-control:focus{border-color:#62866d;box-shadow:0 0 0 3px #527c6014;outline:0}
.login-password{position:relative}
.klik-login .login-password .form-control{padding-right:65px}
.login-password>button{position:absolute;right:6px;top:5px;bottom:5px;border:0;background:transparent;color:#4c6b56;padding:0 10px;font-size:10px;font-weight:600;cursor:pointer;border-radius:4px}
.klik-login .login-submit{display:block;width:100%;margin-top:28px;min-height:49px;border:1px solid #163f32!important;border-radius:7px;background:#163f32!important;color:#fff!important;font-size:12px;font-weight:600;box-shadow:0 5px 12px #173b3210;transition:background .15s}
.klik-login .login-submit:hover{background:#23543f!important}
.login-submit .indicator-label{display:flex;align-items:center;justify-content:center;gap:22px}
.login-submit .indicator-label>span{color:#e6bd70;font-size:17px}
.login-google{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid #dce4da;border-radius:7px;background:white;font-size:12px;color:#294e3e}
.login-divider{display:flex;align-items:center;gap:14px;font-size:10px;color:#8a968b;margin:22px 0}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e0e7dc;flex:1}
.login-register{font-size:11px;text-align:center;color:#748278;margin:22px 0 0}
.login-register a,.login-help a{color:#365f46;font-weight:600}
.login-help{border-top:1px solid #e0e7dc;padding-top:23px;margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:10px;color:#8a968b}
.login-main-footer{margin-top:20px;font-size:9px;color:#8b988d;text-align:center;line-height:1.7}
.klik-login .parsley-errors-list{color:#b63b3b;font-size:11px;margin-top:7px;padding-left:0;list-style:none}
.klik-login a:focus-visible,.klik-login button:focus-visible{outline:3px solid #c7a767;outline-offset:4px}
@media(min-width:1500px){.login-story{padding:55px 75px}.login-main{padding:55px 75px}.login-story-copy{max-width:500px}}
@media(max-width:1100px){.login-story{padding:35px}.login-main{padding:35px}.login-story h2{font-size:34px}.login-story .login-eyebrow{font-size:8px}.login-form-wrap h1{font-size:27px}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{padding:80px 25px 22px}.login-brand img{width:38px;height:46px}.login-brand strong{font-size:21px}.login-brand small{font-size:9px}.login-story-copy,.login-story-footer{display:none}.login-main{padding:0 25px 80px;min-height:auto}.login-form-wrap{max-width:460px;padding:28px 24px}.login-form-wrap h1{font-size:28px}.login-main-footer{font-size:9px}.login-back{font-size:11px}}
@media(prefers-reduced-motion:reduce){.klik-login *{transition:none!important}}