html{font-size:16px}.max-w-4xl{max-width:800px}#survey-form{padding:2.5rem 1.5rem}.survey-title{font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.2}.survey-section-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9;font-weight:600}.survey-description{font-size:.95rem;line-height:1.5;color:#ffffffb3}.field-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffe6;font-weight:700}.field-input{font-size:.95rem;height:46px;border-radius:12px;padding:0 .9rem;border:1px solid rgba(148,163,184,.55);background:#ffffff08;color:#fff;transition:all .2s ease}.field-input:focus{outline:none;border-color:#ffffffb3;box-shadow:0 0 0 3px #ffffff1a}.field-input::placeholder{color:#fff3}.radio-option,.checkbox-option{display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.75rem 1rem;background:#ffffff08;border:1px solid rgba(148,163,184,.55);border-radius:12px;cursor:pointer;transition:all .2s ease}.radio-option:hover,.checkbox-option:hover{background:#ffffff0d;border-color:#ffffff4d}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{display:none}.radio-custom{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.radio-option input[type=radio]:checked+.radio-custom{border-color:#fff;box-shadow:0 0 10px #ffffff4d}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:#fff;border-radius:50%}.radio-label,.checkbox-label{color:#a1a1aa;font-size:.9rem;transition:color .2s ease}.radio-option input[type=radio]:checked~.radio-label,.checkbox-option input[type=checkbox]:checked~.checkbox-label{color:#fff;font-weight:500}.checkbox-custom{width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:.25rem;position:relative;flex-shrink:0;transition:all .2s ease}.checkbox-option input[type=checkbox]:checked+.checkbox-custom{border-color:#fff;background:#fff;box-shadow:0 0 10px #ffffff4d}.checkbox-option input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:.75rem;font-weight:700}.range-wrapper{margin-top:.5rem}.slider{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:linear-gradient(135deg,#ffffff14,#ffffff03,#ffffff0a);border:1px solid rgba(148,163,184,.55);border-radius:1rem;outline:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(180deg,#f4f4f5,#a1a1aa);border:2px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;box-shadow:0 0 15px #ffffff4d;transition:all .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(180deg,#f4f4f5,#a1a1aa);border:2px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;box-shadow:0 0 15px #ffffff4d;transition:all .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.slider-container .text-xs{font-size:.85rem}.scale-option{flex:1;cursor:pointer}.scale-option input[type=radio]{display:none}.scale-button{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:#ffffff08;border:1px solid rgba(148,163,184,.55);border-radius:.5rem;color:#a1a1aa;font-weight:700;font-size:1.25rem;transition:all .2s ease}.scale-button:hover{background:#ffffff0d;border-color:#fff3}.scale-option input[type=radio]:checked+.scale-button{background:#fff;color:#000;border-color:#fff;box-shadow:0 0 20px #ffffff4d}.btn-primary{background:linear-gradient(180deg,#f4f4f5,#a1a1aa);border:1px solid rgba(255,255,255,.8);border-radius:.75rem;padding:.75rem 2rem;font-weight:700;font-size:.9rem;color:#09090b;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d,0 1px #fff9 inset;text-transform:uppercase;letter-spacing:.05em}.btn-primary:hover{transform:scale(1.03);box-shadow:0 0 20px #ffffff4d}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.75rem 2rem;font-weight:700;font-size:.9rem;color:#a1a1aa;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.btn-secondary:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.btn-secondary:active{transform:scale(.98)}.form-step>div{margin-bottom:1.25rem}.form-step .mb-6{margin-bottom:1.25rem}.form-step .mb-8{margin-bottom:2rem}@media(max-width:640px){#survey-form{padding:1.5rem 1rem}.survey-title{font-size:1.4rem}.survey-section-label{font-size:.8rem}.survey-description{font-size:.9rem}.field-label{font-size:.8rem}.field-input{font-size:.9rem;height:44px}.radio-label,.checkbox-label{font-size:.85rem}.radio-option,.checkbox-option{min-height:42px;padding:.65rem .85rem}.slider-container .text-xs{font-size:.8rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.65rem 1.5rem}}@media(min-width:768px){.survey-title{font-size:2rem}.survey-section-label{font-size:.9rem}.survey-description{font-size:1rem}.field-label{font-size:.9rem}.field-input{font-size:1rem;height:48px}}#success-overlay.show{opacity:1;pointer-events:auto}.checkmark-circle{animation:scaleIn .5s ease-out forwards}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.checkmark-circle-inner{stroke-dasharray:166;stroke-dashoffset:166;animation:drawCircle .6s ease-out .3s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;animation:drawCheck .4s ease-out .7s forwards}@keyframes drawCheck{to{stroke-dashoffset:0}}.checkmark-circle{animation:scaleIn .5s ease-out forwards,pulse 2s ease-in-out 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 20px #fff0}}.loading-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.1);border-top-color:#ffffff80;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}