.flow-page{background:radial-gradient(ellipse at 50% 0,#10354c 0,transparent 55%),var(--bg);min-height:100vh}.flow-wrap{max-width:640px;margin:45px auto 70px;padding:0 20px}.flow-intro{text-align:center;margin-bottom:30px}.flow-intro h1{font-size:38px;margin:15px 0}.flow-intro>p:not(.eyebrow){color:var(--muted);font-size:14px}.date-badge{font-size:11px;display:inline-block;border:1px solid #34516a;border-radius:20px;padding:6px 13px;color:#c2d4e4}.survey-shell{border:1px solid #2e485e;background:#0c1c2de8;border-radius:18px;padding:32px;box-shadow:0 25px 70px #0003}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:10px}.progress-track{height:4px;border-radius:9px;background:#263b50;margin-bottom:32px;overflow:hidden}.progress-track>span{display:block;width:25%;height:100%;background:var(--cyan);transition:width .3s}.survey-step[hidden]{display:none}.survey-step{animation:slide-in .3s ease both}.survey-step h2{font-size:26px;letter-spacing:-.7px}.hint{font-size:13px;color:var(--muted);margin:13px 0 22px}.choices{border:0;padding:0;margin:0 0 25px;display:grid;gap:10px;min-width:0}.choice{border:1px solid #32465b;border-radius:9px;padding:14px 16px;display:flex;align-items:center;gap:14px;cursor:pointer;background:#102134;transition:border-color .2s,background .2s}.choice:hover,.choice:has(input:checked){border-color:var(--cyan);background:#123149}.choice input{accent-color:var(--cyan);width:18px;height:18px;flex-shrink:0}.choice b{font-size:14px;font-weight:600}.choice small{font-size:11px;display:block;color:var(--muted);margin-top:3px}.flow-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.back{background:none;border:0;color:#b9c9d9;font-size:13px;padding:12px 0}.contact-fields{display:grid;gap:18px;margin:25px 0}.contact-fields label{display:grid;gap:8px;font-size:12px;color:#cbd8e6}.contact-fields input{width:100%;font:inherit;font-size:16px;padding:14px;background:#071725;border:1px solid #365069;border-radius:7px;color:#fff}.privacy-note,.flow-bottom{font-size:11px;color:var(--muted)}.privacy-note{margin:0 0 24px}.flow-bottom{text-align:center;margin-top:25px}.form-error{color:#ffadbb;font-size:13px;margin:16px 0 0}.form-error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button:disabled{opacity:.6;cursor:wait;transform:none}.payment-wrap{max-width:680px}.celebration{display:grid;place-items:center;width:68px;height:68px;border:1px solid #39b598;background:#173f3d;color:#7cf2c7;border-radius:50%;font-size:30px;margin:0 auto 20px;animation:pop-in .6s ease both}.payment-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#173d55,#0b2135 65%);border:1px solid #3c728d;border-radius:18px;padding:34px;box-shadow:0 25px 80px #0004;animation:slide-in .6s ease both}.payment-card:before{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(110deg,transparent 43%,#80dfff12 50%,transparent 57%);transform:translateX(-60%);animation:card-shine 2s ease 1;pointer-events:none}.payment-top{display:flex;justify-content:space-between;align-items:center}.opay-mark{font-size:23px;font-weight:800;color:#74edc3}.payment-amount{font-family:Manrope,sans-serif;font-weight:800;font-size:56px;letter-spacing:-2px;margin:16px 0 24px}.account-box{padding:20px;background:#061723a8;border:1px solid #315269;border-radius:12px}.account-label{font-size:10px;letter-spacing:1.6px;color:var(--muted);display:block}.account-number{font:700 clamp(25px,6vw,37px)/1.6 Manrope,sans-serif;letter-spacing:3px;overflow-wrap:anywhere}.copy-button{border:1px solid #3b647b;background:#183b50;color:#c2f2ff;border-radius:6px;padding:9px 12px;font-size:11px;cursor:pointer;margin-top:9px}.account-details{margin:18px 0 0}.account-details div{padding:12px 0}.account-details dd{font-size:14px;font-weight:600}.payment-note{font-size:13px;color:var(--muted);margin:24px 0}.payment-status{display:inline-flex;align-items:center;border-radius:30px;color:#ffd991;background:#3b3020;padding:6px 12px;font-size:10px}.copy-status{font-size:11px;color:#8ce8cf;min-height:18px}.receipt-note{font-size:12px;color:#afc3d6;text-align:center;margin:24px 10px}.payment-footer{display:flex;justify-content:center;margin-top:25px}@keyframes slide-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@keyframes pop-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes card-shine{to{transform:translateX(60%)}}@media(max-width:600px){.flow-wrap{margin-top:28px}.flow-intro h1{font-size:31px}.survey-shell,.payment-card{padding:23px}.survey-step h2{font-size:23px}.flow-actions .button{font-size:11px;padding:14px}.payment-amount{font-size:46px}.account-box{padding:16px}}@media(prefers-reduced-motion:reduce){.survey-step,.celebration,.payment-card,.payment-card:before{animation:none}.progress-track>span{transition:none}}
.connection-notice{font-size:12px;line-height:1.7;color:#f3d6a1;border:1px solid #645133;background:#332b20;border-radius:8px;padding:12px;margin:0 0 25px}.connection-notice[hidden]{display:none}
.receipt-cta{margin-top:28px;padding:28px;border:1px solid #2b6555;border-radius:14px;background:linear-gradient(130deg,#10352f,#0b2030)}.receipt-cta h2{font-size:27px;letter-spacing:-.8px}.receipt-cta>p:not(.eyebrow){font-size:14px;color:#bfd0dc}.receipt-phone{color:#fff;white-space:nowrap}.whatsapp-button{background:#65e0aa;width:100%;margin:9px 0 2px;justify-content:center}.whatsapp-button:hover{background:#93f0c6}.receipt-cta .receipt-help{font-size:11px!important;text-align:center;margin-bottom:0}@media(max-width:600px){.receipt-cta{padding:22px}.receipt-cta h2{font-size:24px}.whatsapp-button{font-size:12px;gap:14px}}