:root{--navy:#0a1e3c;--navy2:#102c56;--navy3:#24466d;--ink:#11294b;--muted:#60718b;--blue:#2455b5;--gold:#d9a85f;--line:#dce5f2;--red:#9b1524;--shadow:0 24px 70px rgba(3,13,31,.26)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}a{text-decoration:none;color:inherit}.campaign-page{min-height:100dvh;color:#fff;background:radial-gradient(circle at 9% 27%,#193e70 0,transparent 38%),linear-gradient(120deg,#07162e,#0d2445 57%,#112e57)}
.wrap{width:min(1200px,calc(100% - 64px));margin:0 auto}.topbar{background:#06142b;text-align:center;padding:11px 16px;font-size:12px;letter-spacing:.03em;color:#ccdaee;border-bottom:1px solid #ffffff12}.topbar-dot{display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;background:var(--gold);border-radius:50%}.topbar-sep{padding:0 6px;color:#738aaa}.site-header{display:flex;justify-content:space-between;align-items:center;padding:23px 0 8px}.brand{display:flex;align-items:center;gap:14px}.brand-logo{display:flex;justify-content:center;align-items:center;width:56px;height:64px;background:#fff;border-radius:13px;padding:5px;box-shadow:0 10px 28px #020d1d5c}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-title{font-size:24px;line-height:1.2;font-weight:780;letter-spacing:-.6px}.brand-title b{font-weight:800;color:var(--gold)}.header-note{font-size:12px;color:#d5e3f8;border:1px solid #ffffff27;background:#ffffff09;padding:10px 15px;border-radius:100px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#76d2b3;margin-right:6px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,86px);align-items:center;min-height:calc(100dvh - 150px);padding:25px 0 40px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:800;color:#f5c47a;display:flex;gap:12px;align-items:center;margin-bottom:25px}.eyebrow-line{display:inline-block;width:24px;height:2px;background:var(--gold)}.hero-copy h1{font-size:clamp(47px,5.2vw,80px);line-height:1.035;letter-spacing:-3.4px;margin:0 0 25px;font-weight:800}.hero-copy h1 span{color:var(--gold)}.lead{font-size:17px;line-height:1.8;max-width:570px;color:#d3e0f2;margin:0 0 24px}.benefits{display:flex;flex-wrap:wrap;gap:9px}.benefits span{padding:11px 14px;border-radius:50px;border:1px solid #ffffff27;color:#e5edf9;background:#ffffff08;font-size:13px}.campaign-meta{font-size:11px;letter-spacing:.1em;color:#7890b0;margin:30px 0 0}
.form-panel{background:#fff;color:var(--ink);border-radius:26px;padding:clamp(25px,3vw,40px);box-shadow:var(--shadow);border:1px solid #ffffff87}.form-eyebrow{display:inline-flex;align-items:center;gap:7px;background:#edf3ff;color:#2757b1;padding:9px 12px;border-radius:30px;font-size:11px;font-weight:850;letter-spacing:1.7px}.form-eyebrow-icon{font-size:16px}.form-panel h2{margin:23px 0 10px;font-size:clamp(28px,2.5vw,36px);line-height:1.15;letter-spacing:-1px}.form-desc{margin:0 0 26px;color:#60728d;font-size:15px;line-height:1.7}.field-group{margin-bottom:18px}.field-group label{display:block;margin:0 0 9px;font-size:13px;font-weight:800}.field-group input{background:#fff;width:100%;height:54px;padding:0 15px;font-size:16px;border-radius:12px;border:1px solid #d2deee;outline:0;color:var(--ink);transition:border-color .18s,box-shadow .18s}.field-group input:focus{border-color:#2f69cf;box-shadow:0 0 0 4px #2c60bd1a}.secret-input{position:relative}.secret-input input{padding-right:55px}.secret-symbol{position:absolute;right:15px;top:15px;color:#b9c8db;font-size:14px}.input-help{font-size:11px;line-height:1.5;color:#73829a;margin-top:7px}.form-error{font-size:12px;color:#b6222c;line-height:1.5;margin:0 0 12px}.submit-btn{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;border:0;border-radius:13px;background:linear-gradient(150deg,#255fc4,#1a438f);font-size:16px;font-weight:800;color:white;box-shadow:0 13px 28px #2054ab38;transition:filter .18s,transform .18s}.submit-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.submit-btn:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #88b9ff;outline-offset:3px}
.overlay[hidden]{display:none!important}.overlay{position:fixed;inset:0;z-index:50;background:#030a19cf;display:grid;place-items:center;padding:18px;overflow-y:auto}.alert-dialog{background:#fff;color:#20314d;border-radius:20px;width:min(650px,100%);max-height:min(84dvh,790px);overflow-y:auto;box-shadow:0 35px 95px #0009;border:1px solid #de7777;overscroll-behavior:contain}.alert-top{background:linear-gradient(115deg,#660f1c,#a0212b);color:#fff;padding:22px 26px 21px}.alert-line{display:flex;align-items:center;gap:12px;margin-bottom:13px}.alert-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff;color:#a31d2a;font-size:24px;font-weight:900}.alert-caption{font-size:11px;letter-spacing:1.6px;font-weight:850}.alert-top h2{font-size:clamp(23px,3vw,30px);line-height:1.18;margin:0 0 8px;letter-spacing:-.6px}.alert-top p{font-size:13px;line-height:1.6;color:#fffdf4e5;margin:0}.alert-body{padding:23px 26px 6px;font-size:14px;line-height:1.68}.alert-body p{margin:0 0 15px}.takeaways{background:#f6f8fc;border-left:4px solid #b62331;border-radius:12px;padding:15px 17px;margin:17px 0;color:#213250}.takeaways strong{font-size:14px}.takeaways ol{margin:9px 0 0;padding-left:20px}.takeaways li{margin:6px 0}.privacy-line{font-size:12px;color:#6a7890}.record-status{font-size:12px;color:#42726b}.alert-actions{padding:10px 26px 25px;display:flex;gap:10px}.alert-primary{min-height:49px;display:flex;gap:12px;align-items:center;justify-content:center;flex:1;text-align:center;background:#a8212c;color:#fff;border-radius:10px;padding:12px;font-size:13px;font-weight:800}.alert-secondary{min-height:49px;border-radius:10px;background:#fff;border:1px solid #d9e2ed;color:#4c607b;font-weight:750;cursor:pointer;padding:0 20px}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:0;padding-top:22px;gap:30px}.hero-copy h1{font-size:clamp(44px,7vw,70px)}.hero-copy{text-align:center}.eyebrow,.benefits{justify-content:center}.lead{margin-left:auto;margin-right:auto}.campaign-meta{display:none}.form-panel{max-width:650px;width:100%;margin:0 auto 35px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.topbar{padding:9px;font-size:10px}.site-header{padding:16px 0 4px}.brand-logo{width:44px;height:52px}.brand-title{font-size:17px}.header-note{display:none}.hero{padding-top:18px;gap:20px}.hero-copy h1{font-size:40px;letter-spacing:-2px;margin-bottom:13px}.eyebrow{font-size:10px;margin-bottom:15px}.lead{font-size:14px;line-height:1.6;margin-bottom:15px}.benefits span{font-size:11px;padding:8px 10px}.form-panel{border-radius:21px;padding:23px;margin-bottom:22px}.form-panel h2{margin-top:17px;font-size:28px}.form-desc{font-size:14px;margin-bottom:19px}.field-group{margin-bottom:15px}.input-help{font-size:11px}.alert-dialog{max-height:86dvh}.alert-top{padding:18px 19px}.alert-body{padding:18px 19px 5px}.alert-actions{padding:9px 19px 20px;flex-direction:column}.alert-secondary{height:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* v11: Bahagian / Unit selector */
.field-group select{background-color:#fff;width:100%;height:54px;padding:0 40px 0 15px;font:inherit;font-size:15px;border-radius:12px;border:1px solid #d2deee;outline:0;color:var(--ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23586f8d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.field-group select:invalid{color:#71849c}
.field-group select:focus{border-color:#2f69cf;box-shadow:0 0 0 4px #2c60bd1a}
.department-note{font-size:11px;line-height:1.4;color:#74859d;margin:7px 0 0}

/* Leave update portal */
body{color:#525b6a;background:#fff;font-family:'Segoe UI',Arial,sans-serif}.portal{display:grid;grid-template-columns:3fr 1fr;min-height:100svh}.building{background:url('/assets/menara-maiwp.png') center/cover no-repeat}.panel{padding:clamp(28px,3vw,60px);display:flex;flex-direction:column;justify-content:center;min-width:0}.identity{text-align:center;color:#5e6ff1;margin-bottom:90px}.logo{width:108px;height:165px;object-fit:contain;margin-bottom:18px}.identity h1{font-size:29px;font-weight:600;line-height:1.18;margin:0 0 14px;letter-spacing:-.5px}.identity p{font-size:21px;font-weight:500;line-height:1.2;margin:0}.field{margin-bottom:22px}.field label{display:block;margin-bottom:11px;color:#525b6a;font-weight:500}.field input{width:100%;height:46px;padding:0 15px;border:1px solid #d8dde6;border-radius:5px;color:#384152;background:white;font-size:15px}.field input::placeholder{color:#8c95a7}.field input:focus{outline:3px solid #dfe3ff;border-color:#5b6cf0}.field input[aria-invalid=true]{border-color:#c43636}.submit-btn{width:100%;border:0;border-radius:4px;background:#586bea;color:white;min-height:46px;cursor:pointer;font-weight:500;box-shadow:none}.submit-btn:hover{background:#4658d0;transform:none}.manual{display:block;text-align:center;margin-top:26px;color:#6270ee;text-decoration:underline}.panel footer{text-align:center;line-height:1.5;font-size:15px;margin-top:80px}.form-error{color:#b42318}[hidden]{display:none!important}@media(max-width:1200px){.portal{grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr)}.identity{margin-bottom:55px}.panel footer{margin-top:55px}}@media(max-width:700px){.portal{display:flex;flex-direction:column}.building{height:26vh;min-height:170px;background-position:center 42%}.panel{padding:32px 28px}.identity{margin-bottom:36px}.logo{width:76px;height:116px;margin-bottom:12px}.identity h1{font-size:25px}.identity p{font-size:18px}.panel footer{margin-top:40px;font-size:13px}}