@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#03130f;--panel:#071d17;--line:rgba(150,255,205,.14);--text:#f3fff9;--muted:#8fa99e;--green:#35f59b;--green2:#17bd70;--danger:#ff7185;--blue:#75d8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% 10%,rgba(30,230,130,.13),transparent 28rem),radial-gradient(circle at 10% 70%,rgba(0,120,90,.12),transparent 28rem),var(--bg);font-family:"DM Sans",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.reg-nav{width:min(1120px,calc(100% - 48px));margin:auto;padding:1.15rem 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:.75rem;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:3.5rem;height:3.5rem;object-fit:contain}.brand b{display:block;font:700 1rem "Space Grotesk";letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.08em;margin-top:.18rem}.back-link{color:var(--muted);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--green)}main{width:min(1120px,calc(100% - 48px));margin:auto}.register-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start;padding:5rem 0 4rem}.eyebrow{font-size:.78rem;letter-spacing:.18em;color:var(--green);font-weight:800}.hero-copy h1{font:600 clamp(3.2rem,6vw,6rem)/.92 "Space Grotesk";letter-spacing:-.055em;margin:1rem 0 1.4rem}.hero-copy h1 em{font-style:normal;color:#91a99f}.hero-copy>p{max-width:34rem;color:var(--muted);font-size:1.05rem;line-height:1.8}.process-mini{display:grid;gap:.75rem;margin-top:2rem}.process-mini span{display:flex;align-items:center;gap:.75rem;color:#bdd0c8;font-size:.92rem}.process-mini i{font-style:normal;color:var(--green);font-size:.7rem;letter-spacing:.1em}.register-panel{padding:1.65rem;background:linear-gradient(145deg,rgba(10,37,29,.96),rgba(4,23,18,.96));border:1px solid var(--line);box-shadow:0 25px 80px rgba(0,0,0,.25);border-radius:1.15rem}.panel-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;letter-spacing:.14em}.live{color:var(--green)}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 12px var(--green)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#041812;border:1px solid var(--line);padding:4px;border-radius:.85rem;margin:1.35rem 0 1.6rem}.auth-tab{border:0;background:transparent;color:var(--muted);height:48px;border-radius:.65rem;font:700 .95rem "Space Grotesk";cursor:pointer;transition:.2s}.auth-tab.is-active{background:linear-gradient(135deg,rgba(53,245,155,.18),rgba(53,245,155,.06));color:var(--green);box-shadow:inset 0 0 0 1px rgba(53,245,155,.16)}.auth-tab:hover{color:var(--text)}.auth-pane[hidden]{display:none}.register-panel h2{font:600 2rem "Space Grotesk";margin:0 0 .25rem}.panel-note{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0 0 1.3rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.field{display:grid;gap:.42rem}.field.full{grid-column:1/-1}.field>span{font-size:.78rem;color:#a9c0b7;letter-spacing:.03em}.required-mark{font-weight:600;color:var(--green);font-size:.7rem;margin-left:.3rem}.field input,.field select{width:100%;height:54px;border:1px solid var(--line);background:#041a14;color:var(--text);padding:0 1rem;outline:none;font:500 1rem "DM Sans";border-radius:.65rem}.field input:focus,.field select:focus{border-color:rgba(53,245,155,.65);box-shadow:0 0 0 3px rgba(53,245,155,.06)}.field select option{background:#071d17}.input-status-wrap{position:relative}.input-status-wrap input{padding-right:3rem}.input-status{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:800}.input-status.valid{color:var(--green)}.input-status.invalid{color:var(--danger)}.input-status.loading{color:#cceee0}.field-help{color:#78938a;font-size:.72rem;line-height:1.45}.choice-grid{display:grid;gap:.7rem}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-card{position:relative;display:flex;align-items:center;gap:.75rem;min-height:68px;padding:.75rem .85rem;border:1px solid var(--line);background:rgba(4,26,20,.75);border-radius:.75rem;cursor:pointer;transition:.2s}.choice-card:hover{border-color:rgba(53,245,155,.38);transform:translateY(-1px)}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card:has(input:checked){border-color:rgba(53,245,155,.7);background:linear-gradient(135deg,rgba(53,245,155,.13),rgba(4,26,20,.8));box-shadow:0 0 0 2px rgba(53,245,155,.06),0 10px 30px rgba(0,0,0,.15)}.choice-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(53,245,155,.09);color:var(--green);font-size:1.2rem;font-weight:700}.choice-card>span:nth-child(3){display:grid;gap:2px}.choice-card b{font-size:.88rem}.choice-card small{font-size:.68rem;color:var(--muted)}.choice-card>i:last-child{margin-left:auto;color:transparent;font-style:normal;font-weight:800}.choice-card:has(input:checked)>i:last-child{color:var(--green)}.agree{display:flex;gap:.65rem;align-items:flex-start;color:var(--muted);font-size:.84rem;line-height:1.55;margin:1rem 0}.agree input{accent-color:var(--green);margin-top:3px}.submit-btn{width:100%;height:58px;border:1px solid var(--green);background:var(--green);color:#03130f;font:800 .85rem "Space Grotesk";letter-spacing:.08em;cursor:pointer;border-radius:.65rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;transition:.2s}.submit-btn:hover:not(:disabled){box-shadow:0 0 35px rgba(53,245,155,.2);transform:translateY(-1px)}.submit-btn:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.5)}.form-message{min-height:1.2rem;margin:.65rem 0 0;font-size:.8rem;color:#9eb5ac}.nik-result{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:.75rem;margin-top:.9rem;border:1px solid var(--line)}.nik-result.new{background:rgba(53,245,155,.06);border-color:rgba(53,245,155,.2)}.nik-result.old{background:rgba(117,216,255,.06);border-color:rgba(117,216,255,.22)}.nik-result>div:last-child{display:grid;gap:2px}.nik-result strong{font-size:.85rem}.nik-result small{font-size:.7rem;color:var(--muted)}.result-badge{font:800 .6rem "Space Grotesk";letter-spacing:.08em;color:var(--green);padding:.4rem .5rem;border-radius:.45rem;background:rgba(53,245,155,.08);white-space:nowrap}.old .result-badge{color:var(--blue);background:rgba(117,216,255,.08)}.login-form{display:grid;gap:.9rem}.reg-footer{width:min(1120px,calc(100% - 48px));margin:auto;padding:1.4rem 0 2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f877e;font-size:.7rem;letter-spacing:.08em}.reg-footer a{color:inherit;text-decoration:none}.reg-footer a:hover{color:var(--green)}
@media(max-width:850px){.register-hero{grid-template-columns:1fr;gap:2.5rem}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}@media(max-width:600px){.reg-nav,main,.reg-footer{width:calc(100% - 28px)}.register-hero{padding:3.5rem 0 3rem}.hero-copy h1{font-size:clamp(3.1rem,14vw,5rem)}.choice-grid.two{grid-template-columns:1fr}.brand-mark{width:3.25rem;height:3.25rem}.back-link{font-size:.85rem}.register-panel{padding:1.2rem}.panel-top{font-size:.65rem}.register-panel h2{font-size:1.8rem}.field input,.field select{font-size:1rem}.reg-footer{display:grid;gap:.7rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* Dropdown pengganti pilihan kartu JK/Mukim */
.psb-compact-select {
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 13px;
    border-radius: 9px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.12);
    color: inherit;
    font: inherit;
    font-size: 13px;
    outline: none;
    cursor: pointer;
}

.psb-compact-select:focus {
    border-color: rgba(0,255,157,.45);
}

.psb-compact-select option {
    background: #06251d;
    color: #fff;
}

.psb-compact-select-wrap {
    margin-bottom: 9px;
}

.psb-compact-select-wrap .psb-compact-hint {
    display: none;
}

/* Card/radio lama disembunyikan setelah dropdown dibuat */
.psb-choice-grid.psb-replaced-by-dropdown,
.psb-choice-group.psb-replaced-by-dropdown {
    display: none !important;
}