/* Final shared UI layer for PancingX landing and registration pages. */
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand,var(--pxr-brand,#0ea5e9)) 45%,white);outline-offset:3px}
.pxl-nav,.site-nav,.q-navbar{box-shadow:0 8px 30px rgba(4,13,24,.12)}
.pxl-nav-links a,.pxl-btn,.pxl-menu-card,.btn{transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.pxl-trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px;color:#cbd5e1;font-size:10px;font-weight:800}.pxl-trust span{display:flex;align-items:center;gap:6px}.pxl-trust i{color:var(--accent,#facc15)}
.pxl-event-card{position:relative;overflow:hidden}.pxl-event-card:after{content:"PX";position:absolute;right:-8px;top:-33px;color:rgba(255,255,255,.035);font:900 140px/1 var(--display);pointer-events:none}.pxl-event-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;float:right;padding:6px 9px;border:1px solid rgba(74,222,128,.22);border-radius:999px;background:rgba(34,197,94,.1);color:#86efac;font-size:9px;font-weight:900;text-transform:uppercase}.pxl-event-status span{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.12)}
.pxl-menu-card{position:relative}.pxl-menu-card:after{content:"→";position:absolute;right:17px;top:20px;color:#94a3b8;font-weight:900}.pxl-menu-card:hover{box-shadow:0 20px 44px color-mix(in srgb,var(--brand) 13%,transparent)}.pxl-mobile-bar{display:none}
/* Registration UX refinements */
.form-card,.card-reg{isolation:isolate}.form-card:before,.card-reg:first-child:before{content:"1  Maklumat & pilihan pancang";display:block;padding:10px 21px;background:color-mix(in srgb,var(--pxr-brand) 8%,white);border-bottom:1px solid var(--pxr-line);color:var(--pxr-brand-dark);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.side-card{isolation:isolate}.btn-submit,#btnSubmit{min-height:50px!important;font-size:14px!important}.btn-submit:disabled,#btnSubmit:disabled{opacity:.55;box-shadow:none!important}.form-check-input:checked,input[type="radio"]:checked,input[type="checkbox"]:checked{background-color:var(--pxr-brand)!important;border-color:var(--pxr-brand)!important}.payment-option,.payment-choice{border-radius:15px!important}.bank-box,.payment-summary,.summary-box{border-radius:16px!important}.qr-image,.payment-card img{border-radius:15px!important}
@media(max-width:620px){body{padding-bottom:72px}.pxl-nav-inner{min-height:64px}.pxl-nav-links .pxl-nav-cta{padding:9px 11px}.pxl-hero{background-position:62% center}.pxl-hero:before{background:linear-gradient(180deg,rgba(4,13,24,.82),rgba(4,13,24,.98) 64%)}.pxl-hero-grid{padding:42px 0 38px;gap:24px}.pxl-hero h1{margin-top:14px;font-size:clamp(46px,14vw,58px);line-height:.88}.pxl-lead{font-size:14px;line-height:1.6}.pxl-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:21px}.pxl-btn{min-height:50px;padding:0 12px}.pxl-trust{gap:10px 14px;margin-top:18px}.pxl-trust span:last-child{display:none}.pxl-event-card{border-radius:21px}.pxl-event-status{float:none;margin-bottom:13px}.pxl-event-card-label{clear:both}.pxl-menu-grid{grid-template-columns:1fr}.pxl-menu-card{min-height:0;padding:16px 52px 16px 72px}.pxl-menu-icon{position:absolute;left:14px;top:14px}.pxl-menu-card h3{margin:1px 0 4px}.pxl-menu-card:after{top:50%;transform:translateY(-50%)}.pxl-section-head{margin-bottom:18px}.pxl-cta{padding:24px;border-radius:22px}.pxl-whatsapp{display:none}.pxl-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:stretch;padding:7px max(8px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dbe4ec;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 -10px 35px rgba(8,19,31,.12)}.pxl-mobile-bar a{display:grid;place-items:center;gap:3px;color:#64748b;text-decoration:none;font-size:9px;font-weight:900}.pxl-mobile-bar i{font-size:17px}.pxl-mobile-bar .primary{border-radius:14px;background:var(--brand);color:#fff;padding:8px}.pxl-footer{padding-bottom:26px}.register-layout{display:block!important}.register-layout>*+*{margin-top:16px}.form-grid{grid-template-columns:1fr!important}.form-group.full{grid-column:auto!important}.form-card,.card-reg,.side-card{border-radius:18px!important}.btn-submit,#btnSubmit{position:sticky;bottom:82px;z-index:20;width:100%!important;box-shadow:0 12px 32px color-mix(in srgb,var(--pxr-brand) 34%,transparent)!important}.modal-dialog{margin:10px!important}.peg-modal-pond{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pxl-btn,.pxl-menu-card,.btn{transition:none}}
.pxl-footer-center{display:grid;justify-items:center;gap:8px;text-align:center}.pxl-footer-center img{width:130px;height:57px;max-width:100%;object-fit:contain}.pxl-footer-copy{margin:0;color:#94a3b8;font-size:10px;font-weight:700}.pxl-footer-powered{margin:0;color:#facc15;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:none}