/* Login Premium Kopdes Merah Putih: mempertahankan id form dan proses JS lama */
body.kp-login-page{margin:0;background:#fbfaf7;color:#241c1e;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.kp-login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) minmax(0,54%)}
.kp-login-story{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 10%,rgba(216,180,84,.20),transparent 50%),linear-gradient(145deg,#005267,#004455 65%,#003542);padding:42px clamp(30px,5vw,88px);display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.kp-login-story:after{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(233,193,103,.16);border-radius:50%;right:-230px;bottom:-150px;box-shadow:0 0 0 90px rgba(233,193,103,.025),0 0 0 180px rgba(233,193,103,.025);pointer-events:none;z-index:-1}
.kp-login-brand{display:flex;align-items:center;gap:13px;color:#fff!important;text-decoration:none!important;font-weight:800;letter-spacing:.04em;line-height:1.3}.kp-login-brand small{display:block;color:#E6A912;font-size:.7rem;letter-spacing:.14em;margin-top:3px}.kp-login-mark{display:grid;place-items:center;width:46px;height:46px;flex:none;background:linear-gradient(135deg,#E6A912,#A4BB11);border:1px solid rgba(239,207,137,.65);border-radius:12px;color:#003e4c;font-weight:900}
.kp-login-story-main{padding:48px 0}.kp-login-eyebrow{color:#E6A912;font-size:.75rem;font-weight:800;letter-spacing:.14em}.kp-login-story-main h1{font-size:clamp(2.3rem,4vw,4.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.13;color:#fff;margin:24px 0}.kp-login-story-main h1 em{color:#E6A912;font-style:normal}.kp-login-story-main>p{color:#e5f3f3;font-size:1.04rem;line-height:1.85;max-width:500px}.kp-login-features{display:grid;gap:24px;margin-top:42px}.kp-login-features>div{display:flex;gap:15px;align-items:flex-start}.kp-login-feature-icon{width:43px;height:43px;display:grid;place-items:center;flex:none;border:1px solid rgba(233,193,103,.3);border-radius:12px;background:rgba(255,255,255,.07);color:#E6A912;font-size:1.25rem}.kp-login-features strong{display:block;color:#fff;font-size:.97rem}.kp-login-features small{display:block;color:#d5e8e9;line-height:1.6;margin-top:4px}.kp-login-story-bottom{display:flex;align-items:center;gap:20px;color:#c5e1e5;font-size:.78rem}.kp-login-gold-line{height:1px;flex:1;background:linear-gradient(90deg,#E6A912,transparent)}
.kp-login-content{min-width:0;display:flex;flex-direction:column;padding:32px clamp(22px,5vw,80px) 22px}.kp-login-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.kp-login-top a{color:#005267;text-decoration:none;font-size:.85rem;font-weight:750}.kp-login-top a:hover{color:#A4BB11}.kp-login-top span{font-size:.75rem;color:#637a7e}.kp-login-form-wrap{width:100%;max-width:590px;margin:auto;padding:40px 0}.kp-login-heading{margin-bottom:25px}.kp-login-heading>span{font-size:.73rem;font-weight:800;letter-spacing:.15em;color:#E6A912}.kp-login-heading h2{font-size:clamp(1.85rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;color:#005267;margin:12px 0}.kp-login-heading p{color:#5c7278;line-height:1.7;margin:0}
.kp-login-form-card{padding:30px;background:#fff;border:1px solid #dbe8e9;border-radius:20px;box-shadow:0 18px 48px rgba(74,16,32,.055)}.kp-login-form-card .form-label{font-size:.87rem;font-weight:700;color:#005267}.kp-login-form-card .form-control,.kp-login-form-card .input-group-text{min-height:48px;border-color:#cbdfe1;border-radius:8px}.kp-login-form-card .input-group .form-control{border-radius:0 8px 8px 0}.kp-login-form-card .form-control:focus{border-color:#A4BB11;box-shadow:0 0 0 .2rem rgba(166,46,73,.09)}.kp-login-form-card .btn{min-height:48px;border-radius:8px!important;font-weight:800}.kp-login-form-card .btn-primary{background:#005267!important;border-color:#005267!important;color:#fff!important}.kp-login-form-card .btn-primary:hover{background:#003f50!important}.kp-login-form-card .btn-warning{background:#f5f8e8!important;border-color:#A4BB11!important;color:#005267!important}.kp-login-form-card .btn-warning:hover{background:#e5edbc!important}.kp-login-form-card a:not(.btn){color:#005267}.kp-login-form-card #NotifikasiLogin{font-size:.86rem;color:#5c7278}.kp-login-register{text-align:center;margin-top:23px;color:#5c7278;font-size:.9rem}.kp-login-register a{color:#005267;text-decoration:none;font-weight:800}.kp-login-footer{text-align:center;font-size:.78rem;color:#637a7e}
@media(max-width:1050px){.kp-login-layout{grid-template-columns:minmax(300px,40%) minmax(0,60%)}.kp-login-story{padding:35px}.kp-login-content{padding:25px 30px}.kp-login-form-card{padding:24px}}
@media(max-width:800px){.kp-login-layout{display:block}.kp-login-story{padding:24px 24px 28px}.kp-login-story-main{padding:30px 0 5px}.kp-login-story-main h1{font-size:2.25rem;margin:14px 0}.kp-login-story-main>p{font-size:.92rem}.kp-login-features,.kp-login-story-bottom{display:none}.kp-login-content{padding:24px}.kp-login-form-wrap{padding:32px 0}.kp-login-form-card{padding:22px}}
@media(max-width:480px){.kp-login-top span{display:none}.kp-login-form-card{padding:18px}.kp-login-story-main h1{font-size:1.9rem}.kp-login-heading h2{font-size:1.8rem}}

/* Dropdown mode akses dengan indikator panah yang jelas */
.kp-login-form-card select.kp-mode-select{display:block;width:100%;min-height:48px;padding:11px 46px 11px 14px;border:1px solid #cbdfe1;border-radius:8px;background-color:#fff;color:#005267;font-weight:650;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23005267' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;cursor:pointer}
.kp-login-form-card select.kp-mode-select:focus{outline:0;border-color:#A4BB11;box-shadow:0 0 0 .2rem rgba(166,46,73,.09)}

/* Penyesuaian compact: lebih rapat tanpa mengubah proses login */
@media(min-width:801px){
.kp-login-story{padding-top:25px;padding-bottom:25px}
.kp-login-story-main{padding:18px 0}
.kp-login-story-main h1{font-size:clamp(2.1rem,3.3vw,3.4rem);margin:12px 0 14px;line-height:1.1}
.kp-login-story-main>p{font-size:.94rem;line-height:1.55}
.kp-login-features{gap:13px;margin-top:22px}
.kp-login-features>div{gap:11px}
.kp-login-feature-icon{width:36px;height:36px;font-size:1rem}
.kp-login-features small{line-height:1.35;margin-top:1px}
.kp-login-content{padding-top:20px;padding-bottom:14px}
.kp-login-form-wrap{padding:16px 0}
.kp-login-heading{margin-bottom:13px}
.kp-login-heading h2{font-size:clamp(1.65rem,2.5vw,2.15rem);margin:5px 0}
.kp-login-heading p{line-height:1.45;font-size:.91rem}
.kp-login-form-card{padding:21px 24px;border-radius:16px}
.kp-login-form-card form.row{--bs-gutter-y:.65rem}
.kp-login-form-card .form-label{margin-bottom:4px}
.kp-login-form-card .form-control,.kp-login-form-card .input-group-text,.kp-login-form-card select.kp-mode-select{min-height:42px}
.kp-login-form-card .btn{min-height:42px}
.kp-login-register{margin-top:12px}
}
@media(max-width:800px){.kp-login-story-main{padding:15px 0 0}.kp-login-form-wrap{padding:18px 0}.kp-login-heading{margin-bottom:13px}.kp-login-form-card form.row{--bs-gutter-y:.7rem}}

/* Warna resmi Kopdes, khusus halaman Login */
body.kp-login-page{--kp-primary:#005267;--kp-secondary:#A4BB11;--kp-accent:#E6A912}
.kp-login-form-card .btn-warning{background:#A4BB11!important;border-color:#A4BB11!important;color:#18333a!important}
.kp-login-form-card .btn-warning:hover{background:#91a60f!important;border-color:#91a60f!important}
.kp-login-form-card .form-control:focus,.kp-login-form-card select.kp-mode-select:focus{border-color:#A4BB11!important;box-shadow:0 0 0 .2rem rgba(164,187,17,.15)!important}