:root{--navy:#10264f;--navy2:#0b1d3d;--gold:#ffa10a;--gold2:#e28e00;--ink:#1f2937;--muted:#6b7280;--line:#d9dee7;--bg:#f4f6f9;--danger:#c92a2a;--ok:#0f8a61}*{box-sizing:border-box}body{margin:0;padding:28px 16px;background:radial-gradient(900px 420px at 90% -5%,rgba(255,161,10,.13),transparent 58%),radial-gradient(800px 380px at 0 105%,rgba(201,42,42,.08),transparent 55%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;display:block;min-height:100vh}.container{width:min(980px,100%);max-width:none;margin:auto;padding:0 0 1px;background:#fff;border-radius:20px;box-shadow:0 18px 45px rgba(16,38,79,.12);overflow:hidden}.hero{display:flex;align-items:center;gap:18px;padding:30px 38px;background:linear-gradient(125deg,var(--navy2),var(--navy));color:#fff}.hero img{object-fit:contain;background:#fff;border-radius:12px;padding:5px}.hero h1{font:800 29px/1.15 Sora,sans-serif;margin:2px 0 5px;color:#fff;text-align:left}.hero p{margin:0;color:#d9e2f2;font-size:14px}.eyebrow{color:var(--gold);font:700 12px Sora,sans-serif;letter-spacing:.09em;text-transform:uppercase}.stepper{display:grid;grid-template-columns:repeat(8,1fr);padding:25px 20px 12px}.step-dot{position:relative;border:0;background:none;color:#8a94a5;font:500 10px Inter,sans-serif;cursor:default;padding:0 3px;box-shadow:none;transform:none}.step-dot:hover{background:none;box-shadow:none;transform:none}.step-dot:not(:last-child):after{content:"";position:absolute;height:2px;background:#e2e6ed;left:calc(50% + 16px);right:calc(-50% + 16px);top:15px;z-index:0}.step-dot span{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;margin:0 auto 7px;border:2px solid #d5dae3;border-radius:50%;background:#fff;font-weight:700}.step-dot b{display:block;font-weight:600;line-height:1.25}.step-dot.active,.step-dot.done{color:var(--navy)}.step-dot.active span{border-color:var(--gold);background:var(--gold);color:var(--navy2)}.step-dot.done span{border-color:var(--navy);background:var(--navy);color:#fff}.step-dot.done:after{background:var(--navy)}.progress-wrapper{display:none}.step-text{display:none}.mobile-progress{display:none;height:6px;background:#e5e7eb;margin:18px 22px 7px;border-radius:9px;overflow:hidden}.mobile-progress span{display:block;height:100%;width:12.5%;background:var(--gold);transition:width .25s}.mobile-status{display:none;text-align:right;margin:0 22px 8px;color:var(--muted);font-size:12px}.container form{padding:24px 38px 34px}.form-step>h3{display:flex;align-items:center;gap:14px;margin:0 0 26px;padding:0 0 18px;border-bottom:1px solid #e5e7eb;color:var(--navy);font:700 22px Sora,sans-serif}.form-step>h3:before{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:12px;background:#fff3d6;color:var(--gold2);font:800 13px Sora,sans-serif}.form-step:nth-of-type(1)>h3:before{content:"01"}.form-step:nth-of-type(2)>h3:before{content:"02"}.form-step:nth-of-type(3)>h3:before{content:"03"}.form-step:nth-of-type(4)>h3:before{content:"04"}.form-step:nth-of-type(5)>h3:before{content:"05"}.form-step:nth-of-type(6)>h3:before{content:"06"}.form-step:nth-of-type(7)>h3:before{content:"07"}.form-step:nth-of-type(8)>h3:before{content:"08"}.form-step{display:none}.form-step.active{display:block;animation:fadeUp .25s ease}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}label{font-weight:600;margin-top:18px;font-size:13px;color:#374151}input[type=text],input[type=number],input[type=date],input[type=email],input[type=file],select,textarea{padding:12px 14px;margin-top:7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:14px}input:hover,select:hover,textarea:hover{border-color:#b6becb}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(255,161,10,.16)}input[type=file]{background:#f8fafc}.checkbox-group{background:#f8fafc;border-color:#e2e6ed;border-radius:10px}.box-opsi{border-left-color:var(--gold);background:#fff8e8;border-radius:0 9px 9px 0}.btn-container{margin-top:30px;padding-top:22px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn-container button{flex:0 1 190px;min-height:45px;border-radius:9px}.btn-container button[style*="display:none"]{visibility:hidden}.required-star{color:var(--danger)}@media(max-width:820px){.stepper{grid-template-columns:repeat(4,1fr);row-gap:16px}.step-dot:nth-child(4):after{display:none}}@media(max-width:700px){body{padding:0}.container{border-radius:0;min-height:100vh}.hero{padding:22px}.hero h1{font-size:23px}.hero p{font-size:12px}.stepper{display:none}.mobile-progress,.mobile-status{display:block}.container form{padding:18px 20px 30px}.form-step>h3{font-size:18px}.btn-container{position:sticky;bottom:0;background:#fff;padding:14px 0 4px;z-index:3}.btn-container button{flex:1;min-width:0}}@media(max-width:480px){body{padding:0}.container{padding:0;border-radius:0}.hero img{width:50px;height:48px}.btn-container{flex-direction:row}.btn-container button{width:auto;margin-bottom:0}}