:root{--primary-color: #038178;--secondary-color: #666666;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25)}*{box-sizing:border-box}body{font-family:var(--font-family);margin:0;padding:0;background:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.survey-wrapper{max-width:800px;margin:0 auto;padding:1.5rem;font-family:var(--font-family)}@media(max-width:640px){.survey-wrapper{padding:1rem}}.question-container{margin-bottom:1.5rem}.question-headline{font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:block;color:#1a1a1a;line-height:1.4}.question-headline p{margin:0}@media(max-width:640px){.question-headline{font-size:1.25rem}}.question-subheader{font-size:1rem;color:#666;margin-bottom:1rem;line-height:1.6}input[type=text],input[type=email],input[type=date],textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:.5rem;font-family:inherit;transition:all .2s;background:#fff}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0381781a}textarea{resize:vertical;min-height:120px}.choice-option{display:flex;align-items:center;padding:1rem 1.25rem;border:2px solid #e0e0e0;border-radius:.75rem;cursor:pointer;background:#fff;transition:all .2s;margin-bottom:.75rem}.choice-option:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.choice-option input[type=radio],.choice-option input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary-color)}.choice-option span{margin-left:.75rem;font-size:1rem;flex:1}@media(max-width:640px){.choice-option{padding:.875rem 1rem}}.rating-button{width:3rem;height:3rem;border-radius:.5rem;border:2px solid #e0e0e0;background:#fff;color:#333;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.rating-button:hover{border-color:var(--primary-color);transform:scale(1.05)}.rating-button:active{transform:scale(.95)}@media(max-width:640px){.rating-button{width:2.5rem;height:2.5rem;font-size:.875rem}}.btn-primary{padding:.875rem 2rem;font-size:1.125rem;font-weight:500;border-radius:.5rem;border:none;background-color:var(--primary-color);color:#fff;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md);margin-left:auto}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.875rem 1.5rem;font-size:1.125rem;font-weight:500;border-radius:.5rem;border:2px solid var(--primary-color);background:#fff;color:var(--primary-color);cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#0381780d}.btn-secondary:active{transform:scale(.98)}@media(max-width:640px){.btn-primary,.btn-secondary{padding:.75rem 1.5rem;font-size:1rem}}.survey-header{padding:2rem;color:#fff;text-align:center;background-color:var(--primary-color)}@media(max-width:640px){.survey-header{padding:1.5rem 1rem}}.survey-footer{padding:1.5rem;background:#f8f9fa;text-align:center;font-size:.875rem;color:#666;border-top:1px solid #e0e0e0}.text-brand-primary{color:var(--primary-color)}.text-brand-primary:hover{text-decoration:underline}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite;margin:1.25rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{background:#f5f5f5;padding:.75rem 1rem;text-align:center;border-bottom:1px solid #e0e0e0}.progress-bar{margin-top:.5rem;height:.25rem;background:#e0e0e0;border-radius:9999px;overflow:hidden;max-width:28rem;margin-left:auto;margin-right:auto}.progress-fill{height:100%;background-color:var(--primary-color);transition:width .3s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}