*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;background:#f3f4f6;font-family:var(--font-inter,"Inter",system-ui,sans-serif);-webkit-font-smoothing:antialiased}.survey-page{min-height:100vh;flex-direction:column;align-items:center;background:#f3f4f6;padding:2rem 1rem 4rem}.survey-page,.survey-shell{display:flex;justify-content:center}.survey-shell{width:100%}.survey-page .site-footer{position:fixed;left:0;right:0;bottom:0;background:transparent;border-top:none;padding:.75rem 1rem;z-index:10}.survey-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 20px rgba(0,0,0,.06);padding:2.5rem;width:100%;max-width:760px;min-height:600px;display:flex;flex-direction:column}.survey-card>form{flex:1 1;display:flex;flex-direction:column}.survey-card-bottom{margin-top:auto;padding-top:1.25rem}.survey-brand{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#005b96;margin-bottom:1.75rem}.survey-progress{display:flex;align-items:center;gap:.875rem;margin-bottom:1.75rem}.survey-progress-bar{flex:1 1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.survey-progress-fill{height:100%;background:#005b96;border-radius:2px;transition:width .35s ease}.survey-progress-label{font-size:.8rem;color:#6b7280;white-space:nowrap;flex-shrink:0}.survey-step-title{font-size:1.1875rem;font-weight:600;color:#111827;margin:0 0 1.25rem;line-height:1.45}.survey-step-body{font-size:.9375rem;color:#374151;line-height:1.65;margin:0 0 1.5rem;white-space:pre-wrap}.survey-key-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .375rem}.survey-key-subtitle{font-size:.9375rem;color:#6b7280;margin:0 0 2rem}.survey-form-group{margin-bottom:1.125rem}.survey-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.375rem}.survey-input{width:100%;padding:.625rem .875rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9375rem;font-family:inherit;color:#111827;transition:border-color .15s,box-shadow .15s;background:#fff}.survey-input:focus{outline:none;border-color:#005b96;box-shadow:0 0 0 3px rgba(0,91,150,.1)}.survey-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1.25rem;line-height:1.5}.survey-save-error{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;padding:.625rem 1rem;font-size:.8125rem;margin-bottom:1rem;line-height:1.5}.survey-save-error-retry{background:none;border:none;padding:0;color:#92400e;text-decoration:underline;cursor:pointer;font-size:inherit}.survey-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.survey-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.survey-option:hover{border-color:#d1d5db;background:#f9fafb}.survey-option.selected{border-color:#005b96;background:#eaf3fa;box-shadow:inset 0 0 0 1px #005b96}.survey-option:has(input[type=radio]:focus-visible){border-color:#005b96;box-shadow:0 0 0 3px rgba(0,91,150,.2)}.survey-option.selected:has(input[type=radio]:focus-visible){box-shadow:inset 0 0 0 1px #005b96,0 0 0 3px rgba(0,91,150,.2)}.survey-option input[type=radio]{margin-top:3px;accent-color:#005b96;flex-shrink:0;cursor:pointer}.survey-option input[type=radio]:focus,.survey-option input[type=radio]:focus-visible{outline:none}.survey-option-hint{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;margin-top:1px;font-size:.75rem;font-weight:600;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1}.survey-option.selected .survey-option-hint{color:#005b96;background:#d4e6f2}.survey-keyboard-hint{margin:1.25rem 0 0;text-align:center;font-size:.75rem;color:#9ca3af;line-height:1.6}.survey-keyboard-hint kbd{display:inline-block;padding:.0625rem .375rem;margin:0 .0625rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-weight:600;color:#6b7280;background:#f9fafb;border:solid #e5e7eb;border-width:1px 1px 2px;border-radius:4px;line-height:1}.survey-option-text{flex:1 1;min-width:0}.survey-option-label{font-size:.9375rem;color:#111827;line-height:1.4}.survey-option-text-input{display:block;width:100%;margin-top:.5rem;padding:.375rem .625rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;color:#111827;background:#fff}.survey-option-text-input:focus{outline:none;border-color:#005b96}.survey-textarea{display:block;width:100%;padding:.75rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9375rem;font-family:inherit;color:#111827;line-height:1.55;resize:vertical;min-height:128px;margin-bottom:1.5rem;transition:border-color .15s;background:#fff}.survey-textarea:focus{outline:none;border-color:#005b96;box-shadow:0 0 0 3px rgba(0,91,150,.1)}.survey-preference-prompt{font-size:1rem;color:#374151;line-height:1.65;font-style:italic;margin:0 0 1.75rem;padding:1.25rem;background:#f9fafb;border-radius:8px;border-left:3px solid #005b96}.survey-preference-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.survey-nav{gap:.75rem;justify-content:space-between;margin-top:.25rem}.survey-nav,.survey-nav-left{display:flex;align-items:center}.survey-nav-left{margin-right:auto}.survey-nav-right{display:flex;gap:.75rem;align-items:center;margin-left:auto}.btn-survey-feedback{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .5rem;font-size:.85rem;color:#6b7280;background:transparent;border:none;cursor:pointer;border-radius:4px;transition:color .15s,background-color .15s}.btn-survey-feedback:hover{color:#111827;background-color:rgba(0,91,150,.06)}.btn-survey-feedback:focus-visible{outline:2px solid #005b96;outline-offset:2px}.survey-terms-footnote{margin:.75rem 0 0;font-size:.75rem;color:#9ca3af;text-align:right;line-height:1.5}.survey-terms-footnote a{color:#9ca3af;text-decoration:underline;text-underline-offset:2px}.survey-terms-footnote a:hover{color:#374151}.btn-survey-primary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.5rem;background:#005b96;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.btn-survey-primary:hover:not(:disabled){background:#011f4b}.btn-survey-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,91,150,.35)}.btn-survey-primary:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn-survey-secondary{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:transparent;color:#374151;border:1.5px solid #e5e7eb;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s;white-space:nowrap}.btn-survey-secondary:hover{border-color:#9ca3af;color:#111827}.btn-survey-secondary:focus-visible{outline:none;border-color:#005b96;box-shadow:0 0 0 3px rgba(0,91,150,.2)}.survey-submitted{color:#005b96;font-weight:500;font-size:.9375rem;display:flex;align-items:center;gap:.5rem}