*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}html{-webkit-text-size-adjust:100%;line-height:1.5}body,h1,h3,p{margin:0}button,input{font:inherit;color:inherit;margin:0;padding:0}button{cursor:pointer;background:0 0}img,svg{vertical-align:middle;display:block}img{max-width:100%;height:auto}label{line-height:1;display:inline-block}button:disabled{cursor:wait;opacity:.6}#borang-ui{padding:30px 10px 0}.min-h-screen{min-height:100vh}.pb-20{padding-bottom:80px}.max-w-xl{max-width:576px}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-2{margin-top:8px}.mt-10{margin-top:40px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-6{margin-bottom:24px}.mr-3{margin-right:12px}.px-4{padding-left:16px;padding-right:16px}.p-4{padding:16px}.p-6{padding:24px}.py-4{padding-top:16px;padding-bottom:16px}.px-2{padding-left:8px;padding-right:8px}.w-full{width:100%}.h-auto{height:auto}.h-full{height:100%}.w-6{width:24px}.h-6{height:24px}.w-5{width:20px}.h-5{height:20px}.h-2{height:8px}.rounded-3xl{border-radius:24px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-100{border-color:#f3f4f6}.bg-white{background:#fff}.bg-gray-100{background:#f3f4f6}.bg-brand{background:gold}.bg-brand-fill{background:#e6b900}.text-dark{color:#1a202c}.text-brand-sub{color:#514510}.text-brand-ink{color:#806800}.text-gray-700{color:#374151}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-white{color:#fff}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.relative{position:relative}.text-center{text-align:center}.text-base{font-size:16px;line-height:24px}.text-xl{font-size:20px;line-height:28px}.text-sm{font-size:14px;line-height:20px}.text-xs{font-size:12px;line-height:16px}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.italic{font-style:italic}.uppercase{text-transform:uppercase}.flex{display:flex}.grid{display:grid}.block{display:block}.hidden{display:none!important}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-shrink-0{flex-shrink:0}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-3{gap:12px}.space-y-4>*+*{margin-top:16px}.space-x-2>*+*{margin-left:8px}.transition-all{transition:all .15s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\:bg-brand-dark:hover{background:#e8c300}.active\:scale-95:active{transform:scale(.95)}body{color:#1a202c;font-display:swap;-webkit-font-smoothing:antialiased;background-color:#f0f4f8;font-family:Inter,sans-serif}.form-step{opacity:0;transition:opacity .4s,transform .4s;display:none;transform:translateY(10px)}.form-step.active{opacity:1;display:block;transform:translateY(0)}.form-step.answered{margin-bottom:1.5rem}.radio-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #e2e8f0;transition:all .2s cubic-bezier(.4,0,.2,1)}.radio-card:active{transform:scale(.98)}input[type=radio]:checked+.radio-card{background-color:#fffbea;border-color:#d5ad00;box-shadow:0 4px 12px -2px #d5ad0026}input[type=radio]:focus-visible+.radio-card{outline-offset:3px;outline:3px solid #b38e00}.input-field{border:2px solid #e2e8f0;border-radius:1rem;outline:none;width:100%;padding:1rem 1.25rem;font-size:16px;transition:border-color .2s}.input-field:focus{border-color:#d5ad00}.progress-container{z-index:50;-webkit-backdrop-filter:blur(10px);background:#fffffffa;position:sticky;top:0}.btn-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#formMessage{color:#8b3016;text-align:center;min-height:20px;margin-top:16px;font-size:13px;line-height:1.5}.consent-row{color:#4b5563;cursor:pointer;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;display:flex}.consent-row input{accent-color:#d5ad00;flex:none;width:18px;height:18px;margin-top:-2px}.consent-row.optional{color:#6b7280}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.success-panel{text-align:center;color:#24713a;background:#effaf2;border:1px solid #b8dec2;border-radius:16px;margin-top:20px;padding:18px}.success-panel p{margin:6px 0 14px;font-size:12px}.fallback-button{color:#1a202c;background:gold;border-radius:14px;padding:14px;font-weight:700;text-decoration:none;display:block}.submit-error{color:#8b3016}.submit-success{color:#24713a}@media (width>=640px){.sm\:mt-6{margin-top:24px}.sm\:p-8{padding:32px}.sm\:px-8{padding-left:32px;padding-right:32px}.sm\:text-2xl{font-size:24px;line-height:32px}.sm\:text-lg{font-size:18px;line-height:28px}.sm\:text-sm{font-size:14px;line-height:20px}.sm\:text-base{font-size:16px;line-height:24px}.sm\:tracking-wide{letter-spacing:.025em}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}