:root{--ink:#071523;--muted:#687789;--line:#dfe7ed;--cyan:#12bed4;--cyan-dark:#0795aa;--lime:#b8f13a;--bg:#f4f7f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif}.reg-shell{min-height:100vh}.reg-hero{background:radial-gradient(circle at 70% 20%,#13455a 0,transparent 32%),linear-gradient(115deg,#061522,#092737);color:#fff;padding:54px 0 70px}.hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #245366;border-radius:99px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.live-pill i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.reg-hero h1{font-size:clamp(44px,6vw,76px);line-height:.93;letter-spacing:-4px;margin:20px 0 16px;font-weight:900}.reg-hero h1 em{color:var(--lime);font-style:normal}.reg-hero p{max-width:560px;color:#aec2cd;font-size:15px;line-height:1.6}.event-mini{width:340px;border:1px solid #245366;border-radius:18px;padding:18px;background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.event-mini span{display:block;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:1.5px}.event-mini strong{display:block;margin:8px 0 12px;font-size:18px}.event-mini small{color:#9eb5c1}.reg-content{margin-top:-28px;padding-bottom:70px}.stepper{display:flex;align-items:center;max-width:720px;margin:0 auto 22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 18px;box-shadow:0 14px 36px rgba(7,21,35,.1)}.stepper>i{height:1px;background:var(--line);flex:1;margin:0 8px}.step{appearance:none;border:0;background:none;display:flex;align-items:center;gap:10px;color:#91a0ac;text-align:left;cursor:pointer}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#edf1f3}.step span{font-size:12px;font-weight:900}.step small{display:block;font-size:9px;font-weight:600;margin-top:2px}.step.active{color:var(--ink)}.step.active b,.step.done b{background:var(--lime);color:var(--ink)}.panel{display:none;grid-template-columns:minmax(0,1.65fr) minmax(280px,.68fr);gap:18px;align-items:start}.panel.active{display:grid}.panel-main,.summary-card,.ticket-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(7,21,35,.06)}.panel-main{padding:26px}.summary-card{padding:22px;position:sticky;top:88px}.section-head{display:flex;gap:12px;align-items:center;margin-bottom:20px}.section-head>span{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:10px;font-weight:900;font-size:12px}.section-head h2{font-size:20px;margin:0}.section-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label>span,.select-label>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;font-weight:900;margin:0 0 7px;color:#405164}input,select{width:100%;height:48px;border:1px solid var(--line);border-radius:11px;padding:0 13px;font:600 14px Inter;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(18,190,212,.14);border-color:var(--cyan)}.phone{display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden}.phone:focus-within{outline:3px solid rgba(18,190,212,.14);border-color:var(--cyan)}.phone b{display:flex;align-items:center;background:#f2f5f6;padding:0 12px;border-right:1px solid var(--line);font-size:13px}.phone input{border:0;border-radius:0;outline:0!important}.divider{height:1px;background:var(--line);margin:26px 0}.select-label{display:block;margin-bottom:16px}.pond-list{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.pond-btn{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 15px;font-weight:800;color:#4b5c6d;cursor:pointer}.pond-btn.active{border-color:var(--cyan);background:#eafcff;color:#067d90}.empty{color:#93a0aa;font-size:12px;padding:16px 0}.peg-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.peg-head h3{font-size:15px;margin:0 0 6px}.peg-head p{font-size:10px;color:var(--muted);margin:0}.legend{display:inline-block;width:8px;height:8px;border-radius:2px;margin:0 3px 0 8px}.legend.open{border:1px solid #bfccd3}.legend.picked{background:var(--cyan)}.legend.sold{background:#dbe2e6}.text-btn,.back-btn{border:0;background:none;color:var(--cyan-dark);font-weight:800;cursor:pointer}.peg-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;max-height:310px;overflow:auto;padding:2px}.peg-btn{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:#fff;font:800 11px Inter;cursor:pointer}.peg-btn:hover{border-color:var(--cyan)}.peg-btn.selected{background:var(--cyan);border-color:var(--cyan);color:#fff}.peg-btn.locked{background:#e8edef;color:#a9b3b9;border-color:#e1e7e9;cursor:not-allowed;text-decoration:line-through}.summary-card h3{margin:0 0 18px;font-size:15px}.summary-event{background:#f2f6f7;border-radius:12px;padding:13px}.summary-event span,.total span{display:block;font-size:9px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.6px}.summary-event strong{display:block;font-size:13px;margin-top:5px}.summary-card dl{margin:17px 0}.summary-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f2;padding:9px 0;font-size:11px}.summary-card dt{color:var(--muted)}.summary-card dd{font-weight:900;margin:0;text-align:right;max-width:65%}.total{border-top:2px solid var(--ink);padding-top:15px}.total strong{display:block;font-size:28px;margin:4px 0}.total small{font-size:9px;color:var(--muted)}.primary-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:11px;background:var(--cyan);color:#04202a;padding:14px;font-weight:900;text-decoration:none;cursor:pointer;margin-top:18px}.primary-btn:hover{background:var(--lime)}.primary-btn:disabled{opacity:.55;cursor:wait}.secure{text-align:center;color:var(--muted);font-size:9px;line-height:1.5}.notice{padding:13px 15px;border-radius:12px;margin-bottom:14px;background:#fff3cd;color:#765c05;font-size:12px;font-weight:700}.payment-panel .back-btn{margin-bottom:18px}.payment-options{display:grid;gap:10px}.pay-option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:15px;cursor:pointer}.pay-option.active{border-color:var(--cyan);background:#f1fdff}.pay-option>i{font-size:20px;color:var(--cyan-dark)}.pay-option input{width:17px;height:17px;margin:0}.pay-option span{flex:1;margin:0;text-transform:none;letter-spacing:0}.pay-option strong,.pay-option small{display:block}.pay-option small{color:var(--muted);font-size:10px;margin-top:3px}.pay-option>b{font-size:8px;background:#dff9fd;color:#087487;border-radius:99px;padding:5px 7px}.pay-option.disabled{opacity:.55;cursor:not-allowed}.bank-box{display:flex;justify-content:space-between;align-items:center;background:#071b28;color:#fff;border-radius:16px;padding:18px;margin:18px 0}.bank-box span,.bank-box strong,.bank-box code{display:block}.bank-box span{font-size:9px;color:#9fb3bd;text-transform:uppercase}.bank-box strong{margin:5px 0}.bank-box code{color:var(--lime);font-size:17px}.qr-placeholder{width:70px;height:70px;background:#fff;color:#071b28;border-radius:8px;display:grid;place-items:center}.qr-placeholder i{font-size:30px}.qr-placeholder small{font-size:7px}.qr-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:7px}.grand-total{font-size:35px}.pay-summary>p{font-size:11px;color:var(--muted)}.ticket-panel.active{display:block}.ticket-card{max-width:600px;margin:auto;overflow:hidden}.ticket-top{background:#071b28;color:#fff;text-align:center;padding:28px}.ticket-top>i{color:var(--lime);font-size:32px}.ticket-top span{display:block;font-size:9px;color:var(--lime);font-weight:900;margin:10px}.ticket-top h2{margin:0;font-size:27px}.ticket-top p{color:#aebfc7;font-size:12px}.ticket-body{display:flex;justify-content:center;align-items:center;gap:20px;padding:25px;text-align:left}.ticket-qr{width:88px;height:88px;background:repeating-conic-gradient(#071b28 0 25%,#fff 0 50%) 50%/18px 18px;border:7px solid #fff;outline:1px solid var(--line);display:grid;place-items:center}.ticket-qr i{background:#fff;padding:5px}.ticket-body span{font-size:9px;color:var(--muted);font-weight:900}.ticket-body strong{display:block;font-size:28px;margin:3px 0}.ticket-body small{font-size:10px;color:var(--muted)}.ticket-card>dl{padding:0 25px}.ticket-card>dl div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-size:11px}.ticket-card dd{margin:0;font-weight:900}.whatsapp-btn{width:auto;margin:22px 25px 26px;background:#25d366;color:#062b14}.ticket-panel{padding-top:10px}@media(max-width:900px){.panel{grid-template-columns:1fr}.summary-card{position:static}.peg-grid{grid-template-columns:repeat(8,1fr)}.hero-inner{align-items:flex-start}.event-mini{width:300px}}@media(max-width:650px){.reg-hero{padding:35px 0 55px}.hero-inner{display:block}.reg-hero h1{letter-spacing:-2.5px}.event-mini{width:100%;margin-top:25px}.stepper{padding:10px}.step small{display:none}.step span{font-size:10px}.step b{width:29px;height:29px}.panel-main,.summary-card{padding:17px}.field-grid{grid-template-columns:1fr}.peg-grid{grid-template-columns:repeat(6,1fr)}.payment-fields{grid-template-columns:1fr}.bank-box{align-items:flex-start}.ticket-body{gap:13px}.ticket-body strong{font-size:23px}}

/* Pelan kolam popup */
.peg-selection{border:1px dashed #cbd7dc;border-radius:14px;padding:13px;background:#f8fafb}.peg-selection .empty{padding:4px}.peg-selection-ready{display:flex;align-items:center;justify-content:space-between;gap:12px}.peg-selection-ready strong{display:block;font-size:13px}.peg-selection-ready small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.map-open-btn{border:1px solid var(--cyan);background:#eafcff;color:#08778a;border-radius:10px;padding:9px 12px;font-weight:900;cursor:pointer;white-space:nowrap}.pond-modal[hidden]{display:none}.pond-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.pond-modal-backdrop{position:absolute;inset:0;background:rgba(2,12,19,.78);backdrop-filter:blur(5px)}.pond-modal-card{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#f7fafb;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}.pond-modal-card>header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;background:#071b28;color:#fff}.pond-modal-card header span{font-size:9px;letter-spacing:1.3px;color:var(--lime);font-weight:900}.pond-modal-card header h2{font-size:21px;margin:5px 0}.pond-modal-card header p{font-size:10px;color:#9eb3bd;margin:0}.modal-close{width:36px;height:36px;border:1px solid #31505e;background:#102c39;color:#fff;border-radius:50%;cursor:pointer}.map-legend{display:flex;justify-content:center;gap:20px;padding:12px;background:#fff;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;color:var(--muted)}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:9px;height:9px;border-radius:3px;border:1px solid #bfccd3}.map-legend .chosen{background:var(--cyan);border-color:var(--cyan)}.map-legend .unavailable{background:#dfe6e9;border-color:#d5dee2}.pond-map{display:grid;grid-template-columns:minmax(70px,1fr) minmax(210px,3fr) minmax(70px,1fr);gap:16px;align-items:stretch;padding:18px 22px;overflow:auto;min-height:330px}.zone-lane{display:flex;flex-direction:column;align-items:center;gap:8px}.zone-title{position:sticky;top:0;z-index:2;width:100%;background:#071b28;color:#fff;border-radius:8px;padding:7px;text-align:center;font-size:9px;font-weight:900;letter-spacing:1px}.pond-map .peg-btn{flex:none;width:42px;height:42px;aspect-ratio:auto;border-radius:10px;box-shadow:0 3px 9px rgba(7,21,35,.08)}.water{position:sticky;top:0;align-self:start;min-height:100%;border:5px solid #d2b48c;border-radius:45% 48% 42% 46%/8% 10% 9% 8%;background:radial-gradient(ellipse at 30% 30%,rgba(255,255,255,.32),transparent 24%),repeating-radial-gradient(ellipse at center,#2bc3d4 0 12px,#23b6c9 13px 25px);box-shadow:inset 0 0 30px rgba(4,76,91,.24),0 0 0 7px #efe2c9;display:grid;place-items:center;color:#07566a;text-align:center;padding:25px}.water i{font-size:34px;opacity:.7}.water strong{display:block;font-size:17px;margin:8px 0 4px}.water small{font-size:9px;font-weight:800}.pond-modal-card>footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;background:#fff;border-top:1px solid var(--line)}.pond-modal-card footer span,.pond-modal-card footer small{display:block;font-size:9px;color:var(--muted)}.pond-modal-card footer strong{display:block;font-size:15px;margin:2px 0}.pond-modal-card footer .primary-btn{width:auto;min-width:190px;margin:0}@media(max-width:650px){.pond-modal{padding:0}.pond-modal-card{width:100%;height:100%;max-height:none;border-radius:0}.pond-map{grid-template-columns:58px minmax(145px,1fr) 58px;gap:9px;padding:14px 10px}.pond-map .peg-btn{width:39px;height:39px}.water{padding:12px;border-width:4px}.pond-modal-card>footer{padding:12px}.pond-modal-card footer .primary-btn{min-width:150px}.map-legend{gap:10px}.peg-selection-ready{align-items:flex-start;flex-direction:column}.map-open-btn{width:100%}}

/* Gaya seat picker seperti tempahan tiket wayang */
.pond-modal-card{width:min(840px,100%);background:#eef3f5}.pond-map{grid-template-columns:96px minmax(280px,1fr) 96px;gap:24px;padding:24px 30px;background:linear-gradient(180deg,#f7fafb,#eaf0f2)}.zone-lane{gap:13px}.zone-title{padding:9px;border-radius:6px;background:#172631;color:#fff;box-shadow:0 5px 12px rgba(7,21,35,.15)}.pond-map .peg-btn{position:relative;width:52px;height:40px;border:0;border-radius:7px 7px 10px 10px;background:#fff;color:#263945;box-shadow:0 4px 0 #aab9c0,0 7px 12px rgba(7,21,35,.12);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pond-map .peg-btn::before{content:"";position:absolute;left:5px;right:5px;top:-5px;height:8px;border-radius:6px 6px 3px 3px;background:inherit;border:1px solid rgba(7,21,35,.08)}.pond-map .peg-btn:hover{transform:translateY(-3px);box-shadow:0 5px 0 #0795aa,0 9px 15px rgba(7,21,35,.16)}.pond-map .peg-btn.selected{background:var(--cyan);color:#04202a;box-shadow:0 4px 0 #067b8c,0 8px 15px rgba(18,190,212,.3)}.pond-map .peg-btn.locked{background:#cbd5da;color:#8a979d;box-shadow:0 4px 0 #a9b4b9;text-decoration:none}.water{position:sticky;top:0;align-self:stretch;min-height:100%;border:7px solid #d8bc8e;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 35%),repeating-linear-gradient(0deg,#20b6ca 0 15px,#27c0d3 16px 30px);box-shadow:inset 0 0 35px rgba(2,75,91,.3),0 0 0 6px #f0e1c4;color:#064d5c}.water::before{content:"KOLAM";position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.82);font-size:8px;font-weight:950;letter-spacing:1.4px}.water strong{font-size:20px}.map-legend i{width:18px;height:13px;border-radius:3px 3px 5px 5px;box-shadow:0 2px 0 #aab9c0}.map-legend .chosen{box-shadow:0 2px 0 #067b8c}.map-legend .unavailable{box-shadow:0 2px 0 #a9b4b9}@media(max-width:650px){.pond-map{grid-template-columns:68px minmax(150px,1fr) 68px;gap:12px;padding:20px 10px}.pond-map .peg-btn{width:47px;height:38px}.water{border-width:5px;border-radius:8px}.water::before{top:10px}.water strong{font-size:16px}}

/* Pancang petak compact — lebih banyak nombor kelihatan tanpa scroll panjang */
.pond-modal-card{width:min(760px,100%)}.pond-map{grid-template-columns:70px minmax(250px,1fr) 70px;gap:14px;padding:14px 22px;min-height:300px}.zone-lane{gap:5px}.zone-title{padding:6px;border-radius:6px;font-size:8px}.pond-map .peg-btn{width:34px;height:34px;aspect-ratio:1;border:1px solid #c6d1d6;border-radius:6px;background:#fff;color:#263945;font-size:9px;box-shadow:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.pond-map .peg-btn::before{display:none}.pond-map .peg-btn:hover{transform:translateY(-1px);border-color:var(--cyan);box-shadow:0 3px 8px rgba(7,21,35,.12)}.pond-map .peg-btn.selected{background:var(--cyan);border-color:#0795aa;color:#04202a;box-shadow:0 3px 8px rgba(18,190,212,.24)}.pond-map .peg-btn.locked{background:#dfe6e9;border-color:#d5dee2;color:#98a4aa;box-shadow:none;text-decoration:line-through}.water{border-width:5px;border-radius:9px;box-shadow:inset 0 0 25px rgba(2,75,91,.24),0 0 0 4px #f0e1c4}.map-legend i{width:10px;height:10px;border-radius:3px;box-shadow:none}.map-legend .chosen,.map-legend .unavailable{box-shadow:none}@media(max-width:650px){.pond-map{grid-template-columns:52px minmax(145px,1fr) 52px;gap:7px;padding:12px 7px}.zone-lane{gap:4px}.pond-map .peg-btn{width:31px;height:31px;font-size:8px;border-radius:5px}.water{border-width:4px;border-radius:7px}.water::before{font-size:7px;padding:4px 8px}.water strong{font-size:14px}}

/* Imbangan akhir: kolam lebih kecil, nombor lebih jelas */
.pond-modal-card{width:min(680px,100%)}.pond-map{grid-template-columns:78px minmax(180px,220px) 78px;justify-content:center;gap:12px}.pond-map .peg-btn{width:38px;height:38px;font-size:10px;font-weight:900;box-shadow:0 2px 5px rgba(7,21,35,.1);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.pond-map .peg-btn:not(.locked):hover,.pond-map .peg-btn:not(.locked):focus-visible{transform:translateY(-3px) scale(1.04);border-color:var(--cyan);box-shadow:0 6px 12px rgba(7,21,35,.2)}.pond-map .peg-btn:not(.locked):active{transform:translateY(-1px) scale(.98);box-shadow:0 3px 7px rgba(7,21,35,.16)}.pond-map .peg-btn.selected{box-shadow:0 4px 10px rgba(18,190,212,.32)}.water{width:100%;max-width:220px;justify-self:center}.water strong{font-size:17px}@media(max-width:650px){.pond-map{grid-template-columns:58px minmax(125px,155px) 58px;gap:6px;padding:12px 6px}.pond-map .peg-btn{width:35px;height:35px;font-size:9px}.pond-map .peg-btn:not(.locked):hover,.pond-map .peg-btn:not(.locked):focus-visible{transform:translateY(-2px) scale(1.03)}.water{max-width:155px}.water strong{font-size:13px}.water small{font-size:7px}}

/* Mobile: bar pilihan sentiasa kelihatan di bawah */
@media(max-width:650px){.pond-modal-card{display:flex;height:100dvh;max-height:100dvh;overflow:hidden}.pond-modal-card>header,.map-legend,.pond-modal-card>footer{flex:none}.pond-map{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px}.pond-modal-card>footer{position:sticky;bottom:0;z-index:20;padding:11px 12px calc(11px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 22px rgba(7,21,35,.13)}.pond-modal-card footer>div{min-width:0;flex:1}.pond-modal-card footer small{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pond-modal-card footer .primary-btn{flex:none;min-width:145px;padding:12px 13px;font-size:11px}}

/* Persetujuan wajib sebelum pendaftaran dihantar */
.terms-check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fafb;cursor:pointer}.terms-check input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.terms-check>span{width:22px;height:22px;display:grid;place-items:center;border:2px solid #b9c6cc;border-radius:6px;background:#fff;color:transparent;transition:.16s ease}.terms-check>span i{font-size:11px}.terms-check>b{font-size:10px;line-height:1.5;color:#405164;text-transform:none;letter-spacing:0}.terms-check:has(input:checked){border-color:var(--cyan);background:#effcff}.terms-check input:checked+span{border-color:var(--cyan);background:var(--cyan);color:#04202a}.terms-check:has(input:focus-visible){outline:3px solid rgba(18,190,212,.16)}.terms-check.invalid{border-color:#ef4444;background:#fff1f2}.terms-check.invalid>span{border-color:#ef4444}@media(max-width:650px){.terms-check{padding:12px}.terms-check>b{font-size:10.5px}}

/* Pilihan booking atau bayaran penuh */
.pond-btn{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pond-btn:not(:disabled):hover,.pond-btn:not(:disabled):focus-visible{transform:translateY(-4px);box-shadow:0 9px 18px rgba(7,21,35,.13);border-color:var(--cyan)}.pond-btn:not(:disabled):active{transform:translateY(-1px);box-shadow:0 4px 9px rgba(7,21,35,.1)}

.payment-plans{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:22px}.plan-option{position:relative;display:grid;grid-template-columns:18px 35px 1fr;gap:10px;align-items:start;margin:0;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;text-transform:none}.plan-option:has(input:checked),.plan-option.active:has(input:checked){border-color:var(--cyan);background:#effcff;box-shadow:0 0 0 3px rgba(18,190,212,.1)}.plan-option input{position:absolute;width:1px;height:1px;opacity:0}.plan-radio{width:18px;height:18px;border:2px solid #becbd1;border-radius:50%;margin-top:2px}.plan-option input:checked+.plan-radio{border:5px solid var(--cyan);background:#fff}.plan-option>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf4f6;color:#527080}.plan-option:has(input:checked)>i{background:#cff7fc;color:#06788a}.plan-option span strong,.plan-option span small,.plan-option span em{display:block}.plan-option span strong{font-size:12px;color:var(--ink)}.plan-option span small{margin-top:4px;color:#334e5c;font-size:10px;font-weight:850}.plan-option span em{margin-top:3px;color:var(--muted);font-size:9px;font-style:normal}.plan-option>b{position:absolute;right:9px;top:8px;padding:4px 6px;border-radius:99px;background:var(--lime);color:#263500;font-size:7px}.payment-method-title{margin:0 0 10px}.payment-method-title strong,.payment-method-title small{display:block}.payment-method-title strong{font-size:13px}.payment-method-title small{margin-top:3px;color:var(--muted);font-size:10px}.payment-breakdown{margin:12px 0!important;padding:9px 11px;border-radius:10px;background:#f5f8f9}.payment-breakdown div{padding:6px 0!important}.payment-breakdown dd{font-size:11px}.payment-breakdown #balanceRow dd{color:#d97706}.plan-option[hidden]{display:none}@media(max-width:650px){.payment-plans{grid-template-columns:1fr}.plan-option{padding:13px}.plan-option span strong{font-size:13px}}

/* QR tiket sebenar */
.ticket-qr{width:126px;height:126px;overflow:hidden;background:#fff!important;border:7px solid #fff!important;outline:1px solid var(--line);display:grid;place-items:center;flex:none}.ticket-qr img{display:block;width:112px!important;height:112px!important;object-fit:contain}.ticket-qr i{font-size:42px;color:var(--cyan-dark)}@media(max-width:650px){.ticket-qr{width:112px;height:112px}.ticket-qr img{width:98px!important;height:98px!important}}

/* Salin akaun dan popup DuitNow QR */
.bank-details{min-width:0;flex:1}.account-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.copy-account{display:inline-flex;align-items:center;gap:5px;border:1px solid #375463;border-radius:8px;padding:6px 8px;background:#102c39;color:#d9f6fa;font:800 9px Inter;cursor:pointer}.copy-account:hover{border-color:var(--cyan);background:#153846}.copy-account.copied{border-color:var(--lime);color:var(--lime)}.bank-qr-button{border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.bank-qr-button:hover,.bank-qr-button:focus-visible{transform:scale(1.05);box-shadow:0 0 0 4px rgba(184,241,58,.25)}.bank-qr-modal[hidden]{display:none}.bank-qr-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}.bank-qr-backdrop{position:absolute;inset:0;background:rgba(2,12,19,.84);backdrop-filter:blur(6px)}.bank-qr-modal>section{position:relative;width:min(430px,100%);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.4)}.bank-qr-modal header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;background:#071b28;color:#fff}.bank-qr-modal header span{color:var(--lime);font-size:8px;font-weight:900;letter-spacing:1.3px}.bank-qr-modal header h2{margin:4px 0 0;font-size:16px}.bank-qr-modal header button{width:34px;height:34px;border:1px solid #31505e;border-radius:50%;background:#102c39;color:#fff;cursor:pointer}.bank-qr-large{min-height:290px;display:grid;place-items:center;padding:20px;background:#f7fafb}.bank-qr-large img{display:block;max-width:100%;max-height:420px;object-fit:contain}.bank-qr-large .no-qr{text-align:center;color:#7b8a96;font-size:12px}.bank-qr-modal>section>p{margin:0;padding:13px 18px;text-align:center;color:#64748b;font-size:10px}@media(max-width:650px){.bank-box{gap:12px}.account-row code{font-size:14px}.bank-qr-modal{padding:10px}.bank-qr-large{min-height:260px;padding:14px}}

/* Viewer layout keseluruhan kolam */
.pond-header-actions{display:flex;align-items:center;gap:8px}.layout-view-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #31505e;border-radius:9px;padding:9px 11px;background:#102c39;color:#dff8fb;font:850 9px Inter;cursor:pointer}.layout-view-btn:hover{border-color:var(--lime);color:var(--lime)}.layout-view-btn[hidden]{display:none}.layout-modal[hidden]{display:none}.layout-modal{position:fixed;inset:0;z-index:1150;display:grid;place-items:center;padding:18px}.layout-backdrop{position:absolute;inset:0;background:rgba(2,12,19,.88);backdrop-filter:blur(6px)}.layout-modal>section{position:relative;width:min(1100px,100%);height:min(820px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 32px 100px rgba(0,0,0,.45)}.layout-modal header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;background:#071b28;color:#fff}.layout-modal header span{color:var(--lime);font-size:8px;font-weight:900;letter-spacing:1.2px}.layout-modal header h2{margin:4px 0 0;font-size:17px}.layout-modal header>div:last-child{display:flex;align-items:center;gap:8px}.layout-modal header a,.layout-modal header button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #31505e;border-radius:9px;background:#102c39;color:#fff;text-decoration:none;font:800 9px Inter;cursor:pointer}.layout-modal header a{padding:9px 11px}.layout-modal header button{width:35px;height:35px}.layout-viewer{flex:1;min-height:0;background:#3b3b3b}.layout-viewer iframe{display:block;width:100%;height:100%;border:0;background:#fff}.layout-viewer img{display:block;width:100%;height:100%;object-fit:contain;background:#111}@media(max-width:650px){.pond-modal-card>header{padding:13px 12px}.pond-header-actions{gap:5px}.layout-view-btn{width:36px;height:36px;padding:0;font-size:0}.layout-view-btn i{font-size:13px}.layout-modal{padding:0}.layout-modal>section{width:100%;height:100dvh;border-radius:0}.layout-modal header{padding:12px}.layout-modal header h2{font-size:14px}.layout-modal header a{padding:8px;font-size:8px}}

/* Penanda bilangan pancang bagi pilihan multi-kolam */
.queue-live[hidden]{display:none}.queue-live{margin-top:16px;padding-top:14px;border-top:1px solid #31505e}.queue-live-head{display:flex;align-items:center;gap:7px}.queue-live-head>i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime);animation:queuePulse 1.8s infinite}.queue-live-head>b{font-size:8px;letter-spacing:.8px;color:#d7e5ea}.queue-live-head>em{margin-left:auto;padding:4px 7px;border-radius:99px;background:rgba(184,241,58,.14);color:var(--lime);font-size:8px;font-weight:900;font-style:normal}.queue-live-head>em.waiting{background:rgba(251,191,36,.15);color:#fbbf24}.queue-live-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.queue-live-counts>div{padding:10px;border-radius:10px;background:rgba(255,255,255,.06)}.queue-live-counts strong{margin:0!important;font-size:23px!important;color:#fff}.queue-live-counts small{display:block;margin-top:2px;color:#9eb5c1;font-size:8px}@keyframes queuePulse{50%{opacity:.35;transform:scale(.8)}}

/* Penanda bilangan pancang bagi pilihan multi-kolam */
.pond-btn{position:relative}.pond-btn small{display:block;margin-top:4px;color:#738491;font-size:8px;font-weight:700}.pond-btn.closed{border-color:#d8e0e4;background:#edf1f3;color:#96a3aa;cursor:not-allowed;opacity:.82}.pond-btn.closed small{color:#a14c4c}.pond-btn.closed::before{content:"TUTUP";display:inline-block;margin-right:6px;padding:2px 5px;border-radius:99px;background:#fee2e2;color:#b91c1c;font-size:7px;font-weight:950}.pond-btn.has-selection{padding-right:34px;border-color:var(--cyan);background:#eafcff;color:#067d90}.pond-btn.has-selection::after{content:attr(data-count);position:absolute;right:8px;top:50%;transform:translateY(-50%);min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border-radius:99px;background:var(--cyan);color:#04202a;font-size:9px;font-weight:950}

/* Aliran pendaftaran satu halaman */
.single-page-intro{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto 22px;padding:14px 18px;border:1px solid #cfe8cf;border-radius:16px;background:#f5ffe3;box-shadow:0 12px 30px rgba(7,21,35,.08)}.single-page-intro>i{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:10px;background:var(--lime);color:var(--ink)}.single-page-intro strong,.single-page-intro small{display:block}.single-page-intro strong{font-size:13px}.single-page-intro small{margin-top:3px;color:var(--muted);font-size:10px}.payment-panel{margin-top:18px}.registration-complete #registrationForm,.registration-complete .single-page-intro{display:none}.registration-complete .ticket-panel.active{display:block}@media(max-width:650px){.single-page-intro{margin-bottom:14px;padding:12px}.payment-panel{margin-top:14px}}

/* Satu ringkasan checkout sahaja */
#registrationForm .panel[data-panel="1"].active{display:block}.payment-jump{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:14px 16px;border:1px solid #cce8ec;border-radius:12px;background:#f0fcfe;color:var(--ink);font-family:Inter;cursor:pointer}.payment-jump span{display:flex;align-items:center;gap:7px;color:var(--cyan-dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.payment-jump strong{font-size:12px}.payment-jump:hover{border-color:var(--cyan);background:#e5fbfe}.checkout-title{margin-bottom:14px}.checkout-title>span{color:var(--cyan-dark);font-size:8px;font-weight:950;letter-spacing:1.1px}.checkout-title h3{margin:4px 0 0;font-size:17px}.order-details{margin:12px 0!important}.order-details #sumPegs{max-width:68%;line-height:1.45}.checkout-total{margin-top:15px;padding:16px;border-radius:14px;background:var(--ink);color:#fff}.checkout-total>span{display:block;color:var(--lime);font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:1px}.checkout-total .grand-total{display:block;margin:5px 0 3px;color:#fff}.checkout-total small{color:#aebfc7;font-size:9px;line-height:1.45}.price-note{margin-top:-4px;text-align:right}.price-note strong{display:none}.price-note small{color:var(--muted);font-size:8px}.pay-summary .terms-check{margin-top:14px}@media(max-width:650px){.payment-jump{padding:13px}.payment-jump strong{font-size:11px}.checkout-total{padding:14px}.order-details #sumPegs{max-width:65%}}

/* Checkout bersih: satu panel penuh di bawah borang bayaran */
#registrationForm .payment-panel.active{display:block}.payment-panel>.panel-main{width:100%}.pay-summary{position:static;margin-top:18px;padding:24px}.checkout-title{padding-bottom:15px;border-bottom:1px solid var(--line)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:stretch}.booking-overview,.payment-overview{min-width:0}.booking-overview{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fafcfc}.booking-overview .summary-event{padding:0 0 14px;background:transparent;border-radius:0;border-bottom:1px solid var(--line)}.order-details{margin:5px 0 0!important}.order-details div{padding:10px 0!important}.order-details #sumPegs{max-width:72%;overflow-wrap:anywhere}.checkout-total{margin:0;min-height:126px;display:flex;flex-direction:column;justify-content:center}.checkout-total .grand-total{font-size:38px;line-height:1;letter-spacing:-1.5px}.payment-breakdown{margin:9px 0 0!important}.price-note{margin:8px 2px 0}.checkout-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.checkout-actions .terms-check{margin:0}.checkout-actions .primary-btn{margin:0}.checkout-actions .secure{margin:9px 0 0}.pay-summary>p{margin:0}@media(max-width:900px){.checkout-grid{grid-template-columns:1fr}.checkout-actions{grid-template-columns:1fr}.checkout-total{min-height:0}.checkout-actions .secure{margin-bottom:0}}@media(max-width:650px){.pay-summary{padding:17px}.checkout-grid{gap:12px}.booking-overview{padding:13px}.checkout-total .grand-total{font-size:34px}.checkout-actions{gap:13px;margin-top:14px;padding-top:14px}}

/* Mod kompak: minimum scroll untuk pendaftaran event melalui pautan */
.event-select-field,.payment-jump{display:none!important}.reg-hero{padding:24px 0 42px}.hero-inner{align-items:center}.reg-hero h1{margin:11px 0 8px;font-size:clamp(34px,4.4vw,54px);line-height:.92;letter-spacing:-3px}.reg-hero p{margin:0;max-width:520px;font-size:12px;line-height:1.45}.event-mini{padding:13px 15px;border-radius:14px}.event-mini strong{margin:5px 0 7px;font-size:15px}.event-mini small{font-size:9px}.reg-content{margin-top:-20px;padding-bottom:40px}.panel-main,.summary-card{padding:18px;border-radius:16px}.section-head{margin-bottom:13px}.section-head>span{width:30px;height:30px;border-radius:8px}.section-head h2{font-size:17px}.section-head p{font-size:9px}.field-grid{gap:10px}input,select{height:42px}.divider{margin:17px 0}.pond-list{margin-bottom:14px}.pond-btn{padding:9px 12px}.peg-head{margin-bottom:9px}.peg-selection{padding:10px}.payment-panel{margin-top:12px}.payment-plans{gap:8px;margin-bottom:14px}.plan-option{padding:11px}.payment-method-title{margin-bottom:7px}.payment-options{gap:7px}.pay-option{padding:11px 13px}.bank-box{margin:12px 0;padding:13px 15px}.qr-placeholder{width:58px;height:58px}.pay-summary{margin-top:12px;padding:18px}.checkout-title{margin-bottom:11px;padding-bottom:10px}.checkout-title h3{font-size:15px}.checkout-grid{gap:12px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr)}.booking-overview{padding:12px}.booking-overview .summary-event{padding-bottom:9px}.order-details div{padding:6px 0!important}.checkout-total{min-height:100px;padding:13px}.checkout-total .grand-total{font-size:32px}.payment-breakdown div{padding:4px 0!important}.checkout-actions{margin-top:12px;padding-top:12px;gap:12px}.terms-check{padding:10px}.checkout-actions .secure{margin-top:6px}@media(max-width:650px){.reg-hero{padding:18px 0 35px}.reg-hero h1{font-size:38px;letter-spacing:-2px}.reg-hero p{display:none}.event-mini{margin-top:13px}.queue-live{margin-top:10px;padding-top:9px}.panel-main,.summary-card{padding:13px}.section-head{margin-bottom:11px}.divider{margin:14px 0}.payment-plans{grid-template-columns:1fr 1fr}.plan-option{grid-template-columns:16px 28px 1fr;gap:7px;padding:9px}.plan-option>i{width:28px;height:28px}.plan-option span em{display:none}.plan-option>b{display:none}.bank-box{padding:11px}.checkout-grid{grid-template-columns:1fr}.checkout-actions{grid-template-columns:1fr}.checkout-total{min-height:0}}

/* Borang kiri satu kad, ringkasan sticky di kanan */
#registrationForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);grid-template-rows:auto auto;gap:0 18px;align-items:start}#registrationForm>.panel.active{display:contents!important}#registrationForm>.panel[data-panel="1"]>.panel-main{grid-column:1;grid-row:1;border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 8px 24px rgba(7,21,35,.045)}#registrationForm>.payment-panel>.panel-main{grid-column:1;grid-row:2;border-radius:0 0 16px 16px;border-top:1px solid var(--line);box-shadow:0 10px 30px rgba(7,21,35,.06)}#registrationForm>.payment-panel>.pay-summary{grid-column:2;grid-row:1 / span 2;position:sticky;top:78px;margin:0;padding:18px;border-radius:16px}.payment-panel{margin:0}.payment-panel>.panel-main{width:auto}.checkout-grid{display:block}.booking-overview{padding:0;border:0;background:transparent}.booking-overview .summary-event{padding:11px;background:#f2f6f7;border:0;border-radius:10px}.order-details{margin-top:8px!important}.order-details div{padding:7px 0!important}.order-details #sumPegs{max-width:65%}.payment-overview{margin-top:10px}.checkout-total{min-height:0;padding:14px}.checkout-total .grand-total{font-size:34px}.payment-breakdown{margin-top:8px!important}.checkout-actions{display:block;margin-top:10px;padding-top:10px}.checkout-actions .terms-check{margin:0}.checkout-actions .primary-btn{margin-top:12px}.checkout-actions .secure{margin:7px 0 0}.price-note{margin-top:6px}@media(max-width:900px){#registrationForm{grid-template-columns:1fr;grid-template-rows:auto auto auto}#registrationForm>.panel[data-panel="1"]>.panel-main{grid-column:1;grid-row:1}#registrationForm>.payment-panel>.panel-main{grid-column:1;grid-row:2}#registrationForm>.payment-panel>.pay-summary{grid-column:1;grid-row:3;position:static;margin-top:12px}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr)}.payment-overview{margin:0}.checkout-actions{display:grid;grid-template-columns:1fr minmax(260px,340px)}}@media(max-width:650px){#registrationForm>.payment-panel>.pay-summary{margin-top:10px}.checkout-grid{display:block}.payment-overview{margin-top:10px}.checkout-actions{display:block}.checkout-actions .primary-btn{margin-top:10px}}

.payment-fields{grid-template-columns:1fr}.payment-fields label{margin:0}.bank-qr-button[hidden]{display:none!important}

/* Pendaftaran online: booking sahaja */
.payment-plans{grid-template-columns:1fr}.payment-plans .plan-option{max-width:none}.payment-plans .plan-option>b{background:#dff9fd;color:#087487}.payment-plans .plan-option[hidden]{display:none!important}

.payment-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.payment-choice-block{min-width:0}.payment-choice-block .payment-method-title{margin-bottom:7px}.payment-choice-block .payment-plans{margin:0}.payment-choice-block .plan-option,.payment-choice-block .pay-option{min-height:76px;height:100%}@media(max-width:650px){.payment-choice-grid{grid-template-columns:1fr}.payment-choice-block .plan-option,.payment-choice-block .pay-option{min-height:0}}

/* Qaisma: rujukan transaksi bersebelahan dengan akaun pembayaran. */
.bank-payment-row.has-reference{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;margin:12px 0}.bank-payment-row.has-reference .bank-box{height:100%;margin:0}.bank-reference-card{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:#fff}.bank-reference-card>span{margin:0 0 4px;color:#405164;font-size:10px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}.bank-reference-card>small{display:block;margin:0 0 9px;color:var(--muted);font-size:9px;line-height:1.35}.bank-reference-card input{height:42px}.tenant-qaisma .bank-reference-card{border-color:#e3b7ba;background:#fff8f8}.tenant-qaisma .bank-reference-card input:focus{border-color:#e50914;outline-color:rgba(229,9,20,.14)}@media(max-width:760px){.bank-payment-row.has-reference{grid-template-columns:1fr}.bank-payment-row.has-reference .bank-box{min-height:82px}}

.pancang-hold-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0;padding:14px 15px;border:1px solid #f0c36b;border-radius:16px;background:#fff9e9}.pancang-hold-box span,.pancang-hold-box strong,.pancang-hold-box small{display:block}.pancang-hold-box span{color:#9a5b00;font-size:8px;font-weight:950;letter-spacing:.9px}.pancang-hold-box strong{margin-top:4px;font-size:13px}.pancang-hold-box small{margin-top:3px;color:#7c6a4b;font-size:9px}.pancang-hold-actions{display:flex;align-items:center;gap:7px;flex:none}.pancang-hold-actions b{min-width:62px;color:#b70710;font:900 22px/1 Inter;text-align:center}.pancang-hold-actions button{min-height:40px;padding:0 13px;border:0;border-radius:10px;background:#121c27;color:#fff;font:850 10px Inter;cursor:pointer}.pancang-hold-actions #releasePegs{border:1px solid #d6b16b;background:#fff;color:#7c4b00}.pancang-hold-box.active{border-color:#67c587;background:#effcf4}.pancang-hold-box.active span{color:#087a38}.pancang-hold-box.active small{color:#47705a}.pancang-hold-box.expired{border-color:#ef9a9a;background:#fff1f1}.payment-panel:not(.hold-active) .bank-payment-row,.payment-panel:not(.hold-active) .payment-fields{opacity:.46}.payment-panel:not(.hold-active) .bank-payment-row{pointer-events:none}@media(max-width:650px){.pancang-hold-box{align-items:flex-start;flex-direction:column}.pancang-hold-actions{width:100%}.pancang-hold-actions button{flex:1}}
.payment-panel:not(.hold-active) #submitBtn{pointer-events:none;opacity:.55}

/* Popup selepas pendaftaran berjaya */
.success-modal{position:fixed;inset:0;z-index:1500;display:none;place-items:center;padding:18px}.success-modal.active{display:grid}.success-modal-backdrop{position:absolute;inset:0;background:rgba(2,12,19,.82);backdrop-filter:blur(6px)}.success-modal .ticket-card{position:relative;width:min(570px,100%);max-height:calc(100dvh - 36px);overflow:auto;margin:0;box-shadow:0 30px 90px rgba(0,0,0,.4)}.success-close{position:absolute;z-index:2;right:14px;top:14px;width:36px;height:36px;border:1px solid #31505e;border-radius:50%;background:#102c39;color:#fff;cursor:pointer}.success-close:hover{border-color:var(--lime);color:var(--lime)}@media(max-width:650px){.success-modal{padding:10px}.success-modal .ticket-card{max-height:calc(100dvh - 20px)}.success-close{right:10px;top:10px}}

/* Qaisma tenant mode: checkout PancingX dengan identiti kolam. */
.tenant-qaisma{--ink:#101722;--cyan:#e50914;--cyan-dark:#b70710;--lime:#ffd21a;--bg:#f4f5f7;--line:#dfe3e8}
.tenant-qaisma .tenant-top{background:#121c27;border-bottom-color:#2b3540}.tenant-qaisma .tenant-nav{min-height:72px}
.tenant-brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.tenant-brand img{width:44px;height:44px;object-fit:contain;border-radius:8px}.tenant-brand span,.tenant-brand strong,.tenant-brand small{display:block}.tenant-brand strong{font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.2px}.tenant-brand small{margin-top:3px;color:#ffd21a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.tenant-qaisma .tenant-nav-links a{border-color:#3a4653;background:#1a2632;color:#eef2f5}.tenant-qaisma .tenant-nav-links a:hover{border-color:#e50914;background:#e50914;color:#fff}.tenant-qaisma .tenant-nav-links .tenant-help{border-color:#168d4c;background:#168d4c;color:#fff}
.tenant-qaisma .reg-hero{background:radial-gradient(circle at 68% 35%,rgba(229,9,20,.2),transparent 31%),linear-gradient(115deg,#030b12,#121c27)}.tenant-qaisma .reg-hero h1 em{color:#ffd21a}.tenant-qaisma .live-pill{border-color:#394654;background:rgba(255,255,255,.04)}.tenant-qaisma .live-pill i,.tenant-qaisma .queue-live-head>i{background:#3fe081;box-shadow:0 0 12px #3fe081}.tenant-qaisma .event-mini{border-color:#3b4652;background:rgba(13,22,31,.78)}.tenant-qaisma .event-mini>span,.tenant-qaisma .queue-live-head>em{color:#ffd21a}
.tenant-qaisma .section-head>span{background:#121c27;color:#ffd21a}.tenant-qaisma input:focus,.tenant-qaisma select:focus{outline-color:rgba(229,9,20,.14);border-color:#e50914}.tenant-qaisma .pond-btn.active,.tenant-qaisma .pond-btn.has-selection{border-color:#e50914;background:#fff0f1;color:#a90810}.tenant-qaisma .pond-btn.has-selection::after,.tenant-qaisma .legend.picked,.tenant-qaisma .peg-btn.selected{background:#e50914;color:#fff}.tenant-qaisma .pay-option.active,.tenant-qaisma .plan-option.active{border-color:#e50914;background:#fff5f5}.tenant-qaisma .primary-btn{background:#e50914;color:#fff}.tenant-qaisma .primary-btn:hover{background:#c90811}.tenant-qaisma .checkout-total,.tenant-qaisma .bank-box,.tenant-qaisma .ticket-top{background:#121c27}.tenant-qaisma .checkout-total>span,.tenant-qaisma .bank-box code,.tenant-qaisma .ticket-top>i{color:#ffd21a}
.tenant-footer img{width:52px;height:52px;object-fit:contain;margin-bottom:5px}.tenant-footer span{color:#7d8995;font-size:11px;font-weight:700}
@media(max-width:650px){.tenant-qaisma .tenant-nav{min-height:64px;flex-direction:row;align-items:center;padding:8px 0}.tenant-brand img{width:38px;height:38px}.tenant-brand strong{font-size:12px}.tenant-brand small{font-size:7px}.tenant-qaisma .tenant-nav-links{justify-content:flex-end}.tenant-qaisma .tenant-nav-links a{padding:7px 9px;font-size:0}.tenant-qaisma .tenant-nav-links a i{font-size:13px}.tenant-qaisma .tenant-nav-links .tenant-help{font-size:10px}.tenant-qaisma .tenant-nav-links .tenant-help i{font-size:13px}}

/* Kawasan resit perlu jelas sebagai tindakan wajib, bukan input teks biasa. */
.receipt-upload{display:block;padding:14px;border:2px dashed #c8d2d9;border-radius:14px;background:#f8fafb;cursor:pointer;transition:border-color .18s ease,background .18s ease}.receipt-upload:hover,.receipt-upload:focus-within{border-color:var(--cyan);background:#f1fdff}.receipt-upload-title{display:flex!important;align-items:center;gap:8px;margin:0 0 4px!important;color:var(--ink)!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important}.receipt-upload-title i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--cyan);color:#fff}.receipt-upload>small{display:block;margin:0 0 10px 38px;color:var(--muted);font-size:9px}.receipt-upload input[type=file]{height:auto;min-height:46px;padding:6px;background:#fff;cursor:pointer}.receipt-upload input[type=file]::file-selector-button{height:32px;margin-right:10px;padding:0 13px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:800 11px Inter;cursor:pointer}.tenant-qaisma .receipt-upload{border-color:#e3b7ba;background:#fff8f8}.tenant-qaisma .receipt-upload:hover,.tenant-qaisma .receipt-upload:focus-within{border-color:#e50914;background:#fff1f2}.tenant-qaisma .receipt-upload input[type=file]::file-selector-button{background:#e50914}@media(max-width:650px){.receipt-upload{padding:12px}.receipt-upload>small{margin-left:0}.receipt-upload input[type=file]::file-selector-button{display:block;margin-right:7px;padding:0 10px}}

/* Pilihan tunggal dipaparkan sebagai maklumat default, bukan radio button. */
.payment-default{position:relative;display:flex;align-items:center;gap:11px;min-height:76px;padding:12px 14px;border:1px solid #dbe4e9;border-radius:14px;background:#f1f5f7;box-shadow:inset 4px 0 0 #9aabb5}.payment-default>i{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px;background:#dfe8ed;color:#405766;font-size:17px}.payment-default>span{min-width:0;flex:1}.payment-default span strong,.payment-default span small,.payment-default span em{display:block}.payment-default span strong{font-size:12px}.payment-default span small{margin-top:4px;color:#334e5c;font-size:10px;font-weight:850}.payment-default span em{margin-top:3px;color:var(--muted);font-size:9px;font-style:normal}.tenant-qaisma .payment-default{border-color:#dbe4e9;background:#f1f5f7}.tenant-qaisma .payment-default>i{background:#dfe8ed;color:#405766}@media(max-width:650px){.payment-default{min-height:0;padding:11px}}
.registration-countdown{display:inline-flex;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(7,21,35,.68);color:#fff}.registration-countdown span{font-size:10px;font-weight:800;text-transform:uppercase}.registration-countdown strong{font-size:14px}.registration-countdown b{color:var(--lime)}
.registration-countdown[hidden],.registration-gate[hidden]{display:none!important}.registration-gate{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px}.registration-gate-backdrop{position:absolute;inset:0;background:rgba(2,8,23,.88);backdrop-filter:blur(9px)}.registration-gate-card{position:relative;width:min(560px,100%);padding:34px 28px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(250,204,21,.16),transparent 34%),#0b1724;color:#fff;text-align:center;box-shadow:0 32px 100px rgba(0,0,0,.5)}.registration-gate-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:#facc15;color:#111827;font-size:24px}.registration-gate-card>span{color:#fca5a5;font-size:11px;font-weight:900;letter-spacing:1px}.registration-gate-card h2{margin:8px 0 22px;font-size:clamp(22px,5vw,34px)}.registration-gate-count{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.registration-gate-count div{padding:14px 6px;border:1px solid #334155;border-radius:14px;background:#111f2e}.registration-gate-count b,.registration-gate-count small{display:block}.registration-gate-count b{color:#facc15;font-size:clamp(25px,7vw,42px);line-height:1}.registration-gate-count small{margin-top:7px;color:#94a3b8;font-size:10px;font-weight:800;text-transform:uppercase}.registration-gate-card p{margin:20px 0 0;color:#cbd5e1;font-size:13px}@media(max-width:520px){.registration-gate{padding:12px}.registration-gate-card{padding:28px 14px}.registration-gate-count{gap:5px}.registration-gate-count div{padding:12px 3px}}
.selection-overview{margin-top:12px;overflow:hidden;border:1px solid #dfe3e8;border-radius:14px;background:#f8fafb}.selection-overview[hidden]{display:none}.selection-overview header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #e7ebee;background:#fff}.selection-overview header span{display:block;color:#7a8792;font-size:8px;font-weight:950;letter-spacing:.8px}.selection-overview header strong{display:block;margin-top:2px;font-size:14px}.selection-overview header small{padding:5px 8px;border-radius:99px;background:#121c27;color:#fff;font-size:9px;font-weight:850}.selection-overview>div>div{display:grid;grid-template-columns:110px 1fr 25px;gap:9px;align-items:center;padding:9px 13px;border-bottom:1px solid #e9edef;font-size:10px}.selection-overview>div>div:last-child{border-bottom:0}.selection-overview>div strong{font-size:10px}.selection-overview>div span{min-width:0;color:#526272;font-weight:750;line-height:1.45}.selection-overview>div small{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff0f1;color:#b70710;font-size:9px;font-weight:900}.receipt-upload.has-file{border-style:solid;border-color:#4eaf72!important;background:#f0fbf4!important}.receipt-upload.has-file .receipt-upload-title i{background:#168d4c}.receipt-upload.has-file .receipt-upload-title i::before{content:"\f00c"}
@media(max-width:650px){body{background:#f4f5f7}.wrap{width:min(100% - 24px,1180px)}.tenant-qaisma .reg-hero{padding:12px 0 27px}.reg-hero .live-pill,.reg-hero h1,.reg-hero p{display:none}.hero-inner{display:block}.event-mini{margin:0;padding:10px 12px;border-radius:12px}.event-mini>span{font-size:8px}.event-mini strong{margin:3px 0 4px;font-size:13px}.event-mini small{font-size:8px}.queue-live{margin-top:7px!important;padding-top:7px!important}.reg-content{margin-top:-13px;padding-bottom:28px}.notice{position:sticky;top:66px;z-index:40;margin-bottom:9px;padding:11px 12px}.panel-main,.summary-card{padding:14px;border-radius:14px;box-shadow:none}.section-head{gap:9px}.section-head>span{width:28px;height:28px}.section-head h2{font-size:16px}.section-head p{font-size:9px}.field-grid{gap:9px}.field-grid label>span{font-size:9px}input,select{height:44px;font-size:14px}.pond-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(105px,1fr);justify-content:start;gap:7px;margin:0 -14px 13px;padding:0 14px 4px;overflow-x:auto;scroll-snap-type:x proximity}.pond-btn{scroll-snap-align:start;min-width:105px;padding:9px 8px;white-space:nowrap;font-size:12px}.pond-btn small{overflow:hidden;text-overflow:ellipsis;font-size:7px}.peg-head{align-items:center}.peg-head p{font-size:8px}.peg-selection-ready{padding:10px!important}.peg-selection-ready strong{font-size:12px}.peg-selection-ready small{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-open-btn{padding:9px!important;font-size:10px!important}.selection-overview>div>div{grid-template-columns:82px 1fr 24px;padding:8px 10px}.selection-overview>div span{font-size:9px}.payment-choice-grid{grid-template-columns:1fr 1fr}.payment-default{height:100%;padding:9px;gap:8px}.payment-default>i{width:31px;height:31px;font-size:14px}.payment-default span strong{font-size:10px}.payment-default span small{font-size:8px}.payment-default span em{display:none}.pancang-hold-box{gap:10px;padding:12px}.pancang-hold-actions b{font-size:25px;text-align:left}.pancang-hold-actions button{min-height:42px}.pancang-hold-box.active{position:sticky;top:66px;z-index:35;box-shadow:0 8px 25px rgba(7,21,35,.12)}.bank-payment-row.has-reference{gap:8px;margin:9px 0}.bank-box,.bank-reference-card,.receipt-upload{border-radius:13px}.booking-overview .summary-event{display:none}.order-details{margin:0!important}.order-details div:nth-child(2){display:none}.checkout-grid{gap:8px}.checkout-total{min-height:0}.checkout-total .grand-total{font-size:29px}.checkout-actions{gap:9px}.terms-check{font-size:9px}.primary-btn{min-height:48px;margin-top:9px;font-size:13px}}
.registration-gate-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:11px 17px;border:1px solid #475569;border-radius:12px;background:#182638;color:#fff;font-size:12px;font-weight:850;text-decoration:none}.registration-gate-back:hover{border-color:#facc15;background:#223247;color:#facc15}
.registration-gate.closed .registration-gate-card{background:radial-gradient(circle at 50% 0,rgba(239,68,68,.18),transparent 36%),#0b1724}.registration-gate.closed .registration-gate-icon{background:#ef4444;color:#fff}.registration-gate.closed .registration-gate-card>span{color:#fca5a5}.registration-gate.closed .registration-gate-count{display:none}.registration-gate.closed .registration-gate-card h2{margin-bottom:8px}.registration-gate.closed .registration-gate-card p{margin-top:8px;font-size:16px;font-weight:800;color:#f8fafc}