/* Pendaftaran Premium Kopdes Merah Putih: layout only, form & JS tetap */
body.kopdes-register-page{margin:0;background:#f6faf9;color:#213e45;font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif}
.kp-register-layout{display:grid;grid-template-columns:minmax(360px,46%) minmax(0,54%);min-height:100vh}
.kp-register-story{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 12%,rgba(230,169,18,.16),transparent 45%),linear-gradient(145deg,#005267 0%,#004354 65%,#003746 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:42px clamp(30px,5vw,88px);isolation:isolate}
.kp-register-story:after{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(233,193,103,.16);border-radius:50%;right:-230px;bottom:-130px;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-story-brand{display:flex;align-items:center;gap:13px;text-decoration:none!important;color:#fff!important;font-weight:800;letter-spacing:.04em;line-height:1.3;font-size:1rem}.kp-story-brand small{display:block;font-size:.7rem;letter-spacing:.14em;color:#dceaa0;margin-top:3px}.kp-brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(230,169,18,.65);background:linear-gradient(135deg,#E6A912,#A4BB11);border-radius:12px;color:#003746;font-weight:900}
.kp-story-main{position:relative;z-index:1;padding:50px 0}.kp-eyebrow{display:inline-flex;gap:9px;align-items:center;color:#e9f2c5;font-size:.73rem;letter-spacing:.14em;font-weight:800}.kp-dot{width:8px;height:8px;border-radius:50%;background:#A4BB11;box-shadow:0 0 0 5px rgba(164,187,17,.18)}
.kp-story-main h1{color:#fff;font-size:clamp(2.3rem,4vw,4.4rem);line-height:1.12;letter-spacing:-.04em;font-weight:800;margin:24px 0}.kp-story-main h1 em{font-style:normal;color:#E6A912}.kp-story-main>p{color:#dceff2;font-size:1.04rem;line-height:1.85;max-width:500px}.kp-benefits{display:grid;gap:24px;margin-top:42px}.kp-benefit{display:flex;gap:15px;align-items:flex-start}.kp-benefit-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid rgba(230,169,18,.3);border-radius:12px;background:rgba(255,255,255,.07);color:#E6A912;font-size:1.25rem}.kp-benefit strong{display:block;color:#fff;font-size:.97rem}.kp-benefit small{display:block;color:#c4e0e5;line-height:1.6;margin-top:4px}.kp-story-bottom{display:flex;align-items:center;gap:20px;color:#c4e0e5;font-size:.78rem}.kp-gold-line{height:1px;flex:1;background:linear-gradient(90deg,#E6A912,transparent)}
.kp-register-content{min-width:0;display:flex;flex-direction:column;padding:32px clamp(22px,5vw,80px) 22px}.kp-content-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.kp-back{text-decoration:none;color:#005267;font-size:.85rem;font-weight:750}.kp-back:hover{color:#A4BB11}.kp-secure{color:#89747a;font-size:.78rem}.kp-form-wrap{width:100%;max-width:640px;margin:auto;padding:35px 0}.kp-form-heading{margin-bottom:26px}.kp-form-eyebrow{color:#A4BB11;letter-spacing:.15em;font-size:.73rem;font-weight:800}.kp-form-heading h2{font-size:clamp(1.85rem,3vw,2.5rem);font-weight:850;letter-spacing:-.03em;color:#005267;margin:12px 0}.kp-form-heading p{color:#5c7075;line-height:1.7;margin:0}.kp-form-card{padding:30px;border:1px solid #e0ecee;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(0,82,103,.07)}.kp-form-card .form-label{color:#315c66;font-size:.87rem;font-weight:700}.kp-form-card .form-control,.kp-form-card .input-group-text{min-height:48px;border-color:#d8e7e9;border-radius:8px}.kp-form-card .input-group .form-control{border-radius:0 8px 8px 0}.kp-form-card .form-control:focus{border-color:#005267;box-shadow:0 0 0 .2rem rgba(0,82,103,.12)}.kp-form-card .btn{border-radius:8px!important;min-height:48px;font-weight:800}.kp-form-card .btn-primary{background:#005267!important;border-color:#005267!important;color:#fff!important}.kp-form-card .btn-primary:hover{background:#003e50!important}.kp-form-card .btn-dark{background:#f4f8e8!important;border-color:#d9e4a3!important;color:#005267!important}.kp-form-card .btn-dark:hover{background:#e6edbd!important}.kp-form-card a:not(.btn){color:#005267}.kp-login-note{text-align:center;margin-top:23px;color:#627a7f;font-size:.9rem}.kp-login-note a{color:#005267;text-decoration:none;font-weight:800}.kp-register-footer{text-align:center;font-size:.78rem;color:#6d858a}
@media(max-width:1050px){.kp-register-layout{grid-template-columns:minmax(300px,40%) minmax(0,60%)}.kp-register-story{padding:35px}.kp-register-content{padding:25px 30px}.kp-form-card{padding:24px}}
@media(max-width:800px){.kp-register-layout{display:block}.kp-register-story{padding:24px 24px 28px}.kp-story-main{padding:30px 0 5px}.kp-story-main h1{font-size:2.25rem;margin:14px 0}.kp-story-main>p{font-size:.92rem}.kp-benefits,.kp-story-bottom{display:none}.kp-register-content{padding:24px}.kp-form-wrap{padding:32px 0}.kp-form-card{padding:22px}}
@media(max-width:480px){.kp-secure{display:none}.kp-form-card{padding:18px}.kp-story-main h1{font-size:1.9rem}.kp-form-heading h2{font-size:1.8rem}}

/* Tahap penyempurnaan: tata letak pendaftaran lebih ringkas tanpa mengubah form/JS */
@media (min-width:801px){
  .kp-register-story{padding-top:26px;padding-bottom:26px}
  .kp-story-main{padding:20px 0}
  .kp-story-main h1{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.12;margin:14px 0 12px}
  .kp-story-main>p{font-size:.96rem;line-height:1.55}
  .kp-benefits{gap:13px;margin-top:23px}
  .kp-benefit{gap:11px}
  .kp-benefit-icon{width:37px;height:37px;font-size:1.1rem}
  .kp-benefit small{line-height:1.4;margin-top:2px}
  .kp-register-content{padding-top:19px;padding-bottom:15px}
  .kp-form-wrap{padding:14px 0;max-width:640px}
  .kp-form-heading{margin-bottom:14px}
  .kp-form-heading h2{font-size:clamp(1.6rem,2.5vw,2.1rem);margin:6px 0}
  .kp-form-heading p{line-height:1.45;font-size:.91rem}
  .kp-form-card{padding:22px 25px;border-radius:16px}
  .kp-form-card form.row{--bs-gutter-y:.65rem}
  .kp-form-card .form-label{margin-bottom:4px}
  .kp-form-card .form-control,.kp-form-card .input-group-text{min-height:41px}
  .kp-form-card .btn{min-height:42px}
  .kp-form-card .mb-2{margin-bottom:0!important}
  .kp-login-note{margin-top:12px}
}
@media (max-width:800px){
  .kp-story-main{padding:17px 0 3px}
  .kp-register-content{padding:16px 22px}
  .kp-form-wrap{padding:18px 0}
  .kp-form-heading{margin-bottom:14px}
  .kp-form-heading h2{margin:7px 0}
  .kp-form-card{padding:18px}
  .kp-form-card form.row{--bs-gutter-y:.7rem}
  .kp-form-card .form-label{margin-bottom:4px}
  .kp-login-note{margin-top:12px}
}

/* Palet resmi Kopdes Merah Putih */
:root{--kp-primary:#005267;--kp-secondary:#A4BB11;--kp-accent:#E6A912}
body.kopdes-register-page .kp-form-card .form-check-input:checked{background-color:#005267;border-color:#005267}
body.kopdes-register-page .kp-form-card .form-check-input:focus{border-color:#A4BB11;box-shadow:0 0 0 .2rem rgba(164,187,17,.18)}