/* JK ADISTORE — tampilan halaman Masuk / Daftar (gaya halaman penuh) */
#authModal{align-items:flex-start!important;justify-content:center;padding:8px!important}
#authModal .modal-box.kAuth{
  position:relative;width:min(560px,100%)!important;max-height:calc(100dvh - 16px)!important;overflow-y:auto;overflow-x:hidden;
  -webkit-overflow-scrolling:touch;padding:14px 12px 22px!important;border-radius:22px!important;
  background:radial-gradient(120% 60% at 50% 0%,#14307a 0%,#0a1b4f 45%,#060d2b 100%)!important;color:#fff}
#authModal .kAuthX{position:absolute;top:10px;right:10px;z-index:5}

/* pita JK ADISTORE (dipindah dari beranda) */
#authModal .jkRibbon{display:block;width:min(100%,360px);height:auto;margin:22px auto 6px}

/* banner MASUK / DAFTAR */
.kAuthBanner{position:relative;display:flex;align-items:center;gap:12px;min-height:74px;margin:6px 0 12px;padding:10px 104px 10px 10px;
  border-radius:18px;background:linear-gradient(100deg,#1f63d8,#2a79e6);box-shadow:0 8px 22px rgba(20,70,190,.35)}
.kAuthBanner .kbIc{flex:none;width:48px;height:48px;border-radius:14px;border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);display:grid;place-items:center}
.kAuthBanner .kbIc svg{width:26px;height:26px}
.kAuthBanner b{display:block;font-size:19px;letter-spacing:.4px;line-height:1.1;white-space:nowrap}
.kAuthBanner span{display:block;font-size:13.5px;opacity:.92;margin-top:3px}
.kAuthBanner img{position:absolute;right:4px;bottom:0;height:96px;width:auto;max-width:98px;object-fit:contain;pointer-events:none}

/* tab MASUK / DAFTAR */
.kAuthTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;margin-bottom:12px;border-radius:18px;background:linear-gradient(180deg,#1b46a8,#173a92)}
.kAuthTabs button{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:12px;
  background:#0b1c4c;color:#fff;font:800 15px/1 inherit;letter-spacing:.6px;cursor:pointer}
.kAuthTabs button svg{width:18px;height:18px}
.kAuthTabs button.on{background:linear-gradient(180deg,#3b82e8,#2a6fd8);box-shadow:0 4px 14px rgba(40,110,230,.45)}

/* kartu form */
.kAuthPanel{border-radius:20px;padding:0 0 16px;overflow:hidden;background:linear-gradient(180deg,#1c459f,#173a92 60%,#142f7c);box-shadow:0 10px 26px rgba(0,0,0,.28)}
.kAuthPanel>*:not(h3){margin-left:16px;margin-right:16px}
#authModal .kAuthPanel #authTitle{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px 16px;border-radius:0 0 0 0;
  background:linear-gradient(100deg,#2a72dc,#2f86ea);font-size:21px;font-weight:800;color:#fff}
#authTitle::before{content:"";flex:none;width:38px;height:38px;border-radius:11px;border:2px solid rgba(255,255,255,.6);background:rgba(255,255,255,.12) center/22px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/><polyline points='10 17 15 12 10 7'/><line x1='15' y1='12' x2='3' y2='12'/></svg>")}
#authModal .kAuthPanel .kSub{margin-top:0;margin-bottom:14px;color:#e6eeff;font-size:15px;line-height:1.5}
#authModal .kAuthPanel .kLbl{color:#fff;font-weight:700;font-size:16px;margin-top:12px}
#authModal .kAuthPanel .kField{background:#d6d9e2!important;border:0!important;border-radius:14px!important}
#authModal .kAuthPanel .kField input{color:#1b2440!important;background:transparent!important}
#authModal .kAuthPanel .kField input::placeholder{color:#6b7391!important}
#authModal .kAuthPanel .kField svg{color:#44507a!important;stroke:#44507a}
#authModal .kAuthPanel .kBtn{width:100%;min-height:48px;border-radius:14px;font-weight:800;letter-spacing:.4px;background:linear-gradient(180deg,#1a8cf0,#0f6fdc)!important;color:#fff!important}
#authModal .kAuthPanel .kBtnOut{width:100%;border-radius:14px}
#authModal .kAuthPanel .kOr span{color:#cfe0ff}
#authModal .kAuthPanel .kSwitch,#authModal .kAuthPanel .kShield{color:#dbe7ff}
#authModal .kAuthPanel .kLink{color:#5fd0ff}

/* FAQ */
.kAuthFaqHead{position:relative;display:flex;align-items:center;gap:12px;min-height:66px;margin:22px 0 10px;padding:10px 100px 10px 10px;border-radius:16px;background:linear-gradient(100deg,#1f63d8,#2a79e6)}
.kAuthFaqHead .kbIc{flex:none;width:42px;height:42px;border-radius:12px;border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);display:grid;place-items:center;font:800 22px/1 inherit}
.kAuthFaqHead b{display:block;font-size:19px;letter-spacing:.8px}
.kAuthFaqHead span{display:block;font-size:13px;opacity:.92;margin-top:2px}
.kAuthFaqHead img{position:absolute;right:6px;bottom:0;height:86px;width:auto;max-width:92px;object-fit:contain;pointer-events:none}
.kAuthFaq{display:grid;gap:9px;counter-reset:faq}
.kAuthFaq details{counter-increment:faq;border-radius:16px;background:#0a1a4a;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.kAuthFaq summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;font-weight:700;font-size:14.5px;cursor:pointer}
.kAuthFaq summary::-webkit-details-marker{display:none}
.kAuthFaq summary::before{content:counter(faq);flex:none;width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.4);display:grid;place-items:center;font-size:13px}
.kAuthFaq summary::after{content:"+";margin-left:auto;font-size:22px;color:#5fd0ff;font-weight:700}
.kAuthFaq details[open] summary::after{content:"–"}
.kAuthFaq p{margin:0;padding:0 14px 14px 56px;font-size:13.5px;line-height:1.55;color:#cfdcff}