:root{--ovx-primary:#1f6feb;--ovx-dark:#15233b;--ovx-text:#263244;--ovx-muted:#6b7280;--ovx-border:#dce4ee;--ovx-soft:#f5f8fc;--ovx-danger:#c0392b}
.ovxcf-shell{box-sizing:border-box;min-height:70vh;display:flex;align-items:center;justify-content:center;padding:36px 16px;background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ovx-text)}
.ovxcf-shell *{box-sizing:border-box}
.ovxcf-feedback-card{position:relative;width:min(960px,100%);min-height:620px;background:#fff;border:1px solid #e7ecf2;border-radius:24px;box-shadow:0 18px 55px rgba(21,35,59,.10);padding:56px 70px 34px;overflow:hidden}
.ovxcf-progress-top{position:absolute;top:0;left:0;right:0;height:5px;background:#edf2f7}.ovxcf-progress-top span{display:block;height:100%;background:var(--ovx-primary);transition:width .35s ease}
.ovxcf-brand-mark{text-align:center;margin-bottom:40px}.ovxcf-brand-mark strong{display:block;color:var(--ovx-dark);font-size:31px;letter-spacing:-1px;line-height:1}.ovxcf-brand-mark span{display:block;margin-top:7px;color:#7d8797;text-transform:uppercase;letter-spacing:2px;font-size:11px}
.ovxcf-step{display:none;max-width:820px;margin:0 auto;animation:ovxcfFade .25s ease}.ovxcf-step.is-active{display:block}.ovxcf-step h1,.ovxcf-step h2{color:var(--ovx-dark);line-height:1.25;margin:0 0 18px}.ovxcf-step h1{font-size:clamp(30px,4vw,48px);text-align:center}.ovxcf-step h2{font-size:clamp(25px,3vw,36px)}.ovxcf-step p{font-size:18px;line-height:1.65}.ovxcf-step-number{display:inline-flex;width:30px;height:30px;border-radius:9px;background:var(--ovx-primary);color:#fff;align-items:center;justify-content:center;font-weight:800;margin-bottom:18px}
.ovxcf-step[data-step="0"]{text-align:center;padding-top:30px}.ovxcf-intro-icon{width:72px;height:72px;border-radius:22px;background:#eef5ff;color:var(--ovx-primary);display:flex;align-items:center;justify-content:center;font-size:34px;margin:0 auto 24px}.ovxcf-ref{display:inline-block;margin:8px auto 28px;padding:11px 16px;border-radius:10px;background:#f7f9fc;border:1px solid var(--ovx-border);color:#5b6472;font-size:14px}
.ovxcf-question-sub{font-size:20px!important;max-width:760px}.ovxcf-choice-grid{display:grid;gap:12px;margin-top:28px}.ovxcf-choice-grid label{cursor:pointer}.ovxcf-choice-grid input{position:absolute;opacity:0;pointer-events:none}.ovxcf-choice-grid span{display:flex;align-items:center;justify-content:center;min-height:68px;border:1px solid var(--ovx-border);background:var(--ovx-soft);border-radius:14px;color:#2368aa;font-size:20px;font-weight:700;transition:.18s ease}.ovxcf-choice-grid label:hover span{transform:translateY(-1px);border-color:#9fc0e6}.ovxcf-choice-grid input:checked+span{background:var(--ovx-primary);border-color:var(--ovx-primary);color:#fff;box-shadow:0 8px 20px rgba(31,111,235,.18)}
.ovxcf-binary{grid-template-columns:repeat(2,minmax(0,1fr));max-width:520px}.ovxcf-scale{grid-template-columns:repeat(5,minmax(0,1fr))}.ovxcf-scale-10{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.ovxcf-scale-10 span{min-height:58px;font-size:17px}.ovxcf-scale-labels{display:flex;justify-content:space-between;gap:16px;color:var(--ovx-muted);font-size:14px;margin-top:10px}.ovxcf-inline-question{padding:20px 0 26px;border-bottom:1px solid #edf0f4}.ovxcf-inline-question:last-of-type{border-bottom:0}.ovxcf-inline-question h3{font-size:22px;color:var(--ovx-dark);margin:0 0 10px}
.ovxcf-actions{display:flex;gap:12px;margin-top:34px}.ovxcf-primary,.ovxcf-secondary{appearance:none;border:0;border-radius:11px;padding:14px 24px;font-size:16px;font-weight:800;cursor:pointer;transition:.18s ease}.ovxcf-primary{background:var(--ovx-primary);color:#fff;box-shadow:0 8px 20px rgba(31,111,235,.18)}.ovxcf-primary:hover{transform:translateY(-1px);filter:brightness(.98)}.ovxcf-secondary{background:#eef2f7;color:#4d596b}.ovxcf-error{outline:2px solid #e74c3c!important;outline-offset:2px}.ovxcf-hint{font-size:13px!important;color:var(--ovx-muted)}
.ovxcf-step textarea{width:100%;min-height:180px;border:1px solid var(--ovx-border);border-radius:14px;padding:18px;font:inherit;font-size:17px;resize:vertical;outline:none}.ovxcf-step textarea:focus{border-color:var(--ovx-primary);box-shadow:0 0 0 4px rgba(31,111,235,.10)}
.ovxcf-footer-brand{text-align:center!important;color:#9aa3b1!important;font-size:12px!important;margin:38px 0 0!important}.ovxcf-thankyou{text-align:center;min-height:520px}.ovxcf-thankyou h1{font-size:42px;color:var(--ovx-dark);margin:18px 0}.ovxcf-thankyou p{font-size:18px;line-height:1.7}.ovxcf-check{width:80px;height:80px;border-radius:50%;background:#eaf8ef;color:#2d9b55;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;margin:10px auto}.ovxcf-share-copy{max-width:620px;margin:22px auto}.ovxcf-review-links{display:flex;gap:12px;justify-content:center}.ovxcf-review-links a{display:inline-flex;padding:12px 20px;border-radius:10px;background:var(--ovx-primary);color:#fff!important;text-decoration:none!important;font-weight:800}
@keyframes ovxcfFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:760px){.ovxcf-shell{padding:10px;background:#fff}.ovxcf-feedback-card{min-height:calc(100vh - 20px);border-radius:18px;padding:38px 20px 24px}.ovxcf-brand-mark{margin-bottom:26px}.ovxcf-step h2{font-size:27px}.ovxcf-step p{font-size:16px}.ovxcf-scale-10{grid-template-columns:repeat(5,1fr)}.ovxcf-choice-grid span{min-height:56px;font-size:18px}.ovxcf-actions{position:sticky;bottom:8px;background:rgba(255,255,255,.94);padding-top:12px}.ovxcf-actions button{flex:1}.ovxcf-scale-labels{font-size:12px}}
