@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:wght@300&display=swap);body{background:#dedff4;font-family:Inter,Arial,sans-serif}header.bg-white.shadow-sm.border-b.border-gray-200.fixed.top-0.left-0.right-0.z-50{min-height:6rem!important;padding-bottom:1rem!important;padding-top:2rem!important}main[style*=paddingTop]{min-height:calc(100vh - 8rem)!important;padding-top:8rem!important}header .flex.items-start.space-x-3 .flex-shrink-0,header .hidden.md\:flex.items-center.space-x-4{margin-top:.5rem!important}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.hidden{display:none}.md\:flex{display:flex}.md\:hidden{display:none}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (max-width:767px){.md\:flex{display:none}.md\:hidden{display:block}}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#e5e7eb}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.max-w-7xl{max-width:80rem}.px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.h-16{height:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.mt-1{margin-top:.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.gap-4{gap:1rem}.flex-1{flex:1 1}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.flex-col{flex-direction:column}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-white{color:#fff}.text-center{text-align:center}.border-transparent{border-color:#0000}.border-blue-500{border-color:#3b82f6}.border-gray-300{border-color:#d1d5db}.border{border-width:1px}.rounded-md{border-radius:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.p-1{padding:.25rem}.p-4{padding:1rem}.space-y-3>*+*{margin-top:.75rem}.w-full{width:100%}.w-64{width:16rem}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-gray-700:hover{color:#374151}.hover\:border-gray-300:hover{border-color:#d1d5db}.grid{display:grid}.gap-6{gap:1.5rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.absolute{position:absolute}.top-16{top:4rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.border-l{border-left-width:1px}.animate-spin{animation:spin 1s linear infinite}.h-8{height:2rem}.w-8{width:2rem}.rounded-full{border-radius:9999px}.border-b-2{border-bottom-width:2px}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.w-12{width:3rem}.h-12{height:3rem}.text-gray-400{color:#9ca3af}.p-6{padding:1.5rem}.max-w-md{max-width:28rem}.space-x-3>*+*{margin-left:.75rem}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.ds-btn{border:1px solid #0000;border-radius:.375rem;font-size:.875rem;font-weight:500;line-height:1.25rem;padding:.5rem 1rem;transition:all .15s ease-in-out}.ds-btn-primary{background-color:#3b82f6;border-color:#3b82f6}.ds-btn-primary:hover{background-color:#2563eb;border-color:#2563eb}.ds-btn-outline{background-color:initial;border-color:#d1d5db;color:#374151}.ds-btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af}.ds-btn-danger{background-color:#ef4444;border-color:#ef4444}.ds-btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.ds-btn-sm{font-size:.75rem;padding:.375rem .75rem}.ds-btn-lg{font-size:1rem;padding:.75rem 1.5rem}.ds-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.ds-modal-overlay{background-color:#00000080;bottom:0;right:0;z-index:1000}.ds-modal{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90vw}.ds-modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem}.ds-modal-close{color:#6b7280;padding:.25rem}.ds-modal-close:hover{color:#374151}.ds-modal-body{padding:1.5rem}.ds-language-selector{background-color:#fff;padding:.375rem .75rem}.ds-language-selector,.ds-search-input{border-radius:.375rem;font-size:.875rem}.ds-search-input{padding:.5rem 2.5rem .5rem 1rem}.ds-search-button{padding:.25rem;right:.5rem}.ds-burger-menu{background:none;height:2rem;width:2rem}.ds-burger-line{background-color:#374151}.ds-survey-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1.5rem}.ds-survey-card-header{margin-bottom:1rem}.ds-survey-card-title h3{font-size:1.125rem;margin:0 0 .25rem}.ds-survey-card-title p{font-size:.875rem}.ds-survey-card-body{margin-bottom:1rem}.ds-survey-card-actions,.ds-survey-card-info{gap:.5rem}.ds-empty-state{padding:3rem 1rem}.ds-empty-state-icon{margin-bottom:1rem}.ds-empty-state-title{color:#111827;font-size:1.25rem;margin:0 0 .5rem}.ds-empty-state-description{margin:0 0 1.5rem}.ds-text-sm{line-height:1.25rem}.ds-text-base{line-height:1.5rem}.ds-text-lg,.ds-text-xl{line-height:1.75rem}.ds-text-2xl{line-height:2rem}.ds-text-3xl{font-size:1.875rem;line-height:2.25rem}.ds-text-4xl{font-size:2.25rem;line-height:2.5rem}.ds-font-light{font-weight:300}.ds-font-normal{font-weight:400}.ds-font-semibold{font-weight:600}.ds-text-primary{color:#111827}.ds-text-secondary{color:#6b7280}.ds-text-success{color:#059669}.ds-text-danger{color:#dc2626}.ds-text-warning{color:#d97706}.ds-text-info{color:#3b82f6}.ds-font-header{font-family:Inter,Arial,sans-serif}.ds-status{border-radius:.375rem;padding:.5rem 1rem}.ds-status-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.ds-status-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.ds-status-warning{background-color:#fef3c7;border:1px solid #fde68a;color:#92400e}.ds-status-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.ds-badge{align-items:center;border-radius:.25rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.ds-badge-success{background-color:#d1fae5;color:#065f46}.ds-badge-secondary{background-color:#f3f4f6;color:#374151}#root{max-width:100%;width:100%}main{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;padding-left:10vw!important;padding-right:10vw!important;width:100%!important}@media (max-width:1200px){main{padding-left:5vw!important;padding-right:5vw!important}}@media (max-width:768px){main{padding-left:2.5vw!important;padding-right:2.5vw!important}}.landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-text,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);margin:0 auto;max-width:1000px;padding:2rem}.landing-title-container{margin-bottom:2rem;text-align:center}.landing-title{color:var(--savsen-blue,#21209c);font-family:Montserrat,sans-serif;font-family:var(--font-header,"Montserrat",sans-serif);font-size:2rem;line-height:1.2}.survey-form{background:#fff;background:var(--savsen-white,#fff);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem;padding:2rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#000;color:var(--savsen-black,#000)}.form-group label,.form-input,.form-select{font-family:Roboto,sans-serif;font-family:var(--font-text,"Roboto",sans-serif)}.form-input,.form-select{background:#fff;background:var(--savsen-white,#fff);border:2px solid #e0e0e0;border:2px solid var(--savsen-border,#e0e0e0);font-size:1rem;padding:1rem;transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:#21209c;border-color:var(--savsen-blue,#21209c);box-shadow:0 0 0 3px #21209c1a}.form-input:disabled,.form-select:disabled{background:#f5f5f5;background:var(--savsen-light-gray,#f5f5f5);cursor:not-allowed}.start-survey-btn{background:var(--savsen-blue,#21209c);border-radius:8px;color:var(--savsen-white,#fff);font-family:var(--font-header,"Montserrat",sans-serif);font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.start-survey-btn:hover:not(:disabled){background:#1a1a7a;box-shadow:0 4px 12px #21209c4d;transform:translateY(-1px)}.start-survey-btn:disabled{background:#666;background:var(--savsen-gray,#666);cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:1rem}@media (max-width:1024px){.landing{max-width:900px}}@media (max-width:768px){.landing{padding:1rem}.landing-title{font-size:1.5rem;margin-bottom:1rem}.survey-form{margin-bottom:1rem;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-input,.form-select{box-sizing:border-box;font-size:16px;height:48px;padding:.875rem}.start-survey-btn{font-size:1rem;height:48px;padding:.875rem 1.5rem}}@media (max-width:600px){.landing{padding:.75rem}.landing-title{font-size:1.25rem;margin-bottom:.75rem}.survey-form{margin-bottom:.75rem;padding:1.25rem}.form-group{margin-bottom:1rem}.form-input,.form-select{font-size:16px;height:48px;padding:.75rem}.start-survey-btn{font-size:.95rem;height:48px;padding:.75rem 1.25rem}}@media (max-width:480px){.landing{padding:.5rem}.survey-form{margin-bottom:.5rem;padding:1rem}.landing-title{font-size:1.1rem;margin-bottom:.5rem}.form-group{margin-bottom:.75rem}.form-input,.form-select{font-size:16px;height:44px;padding:.625rem}.start-survey-btn{font-size:.9rem;height:44px;padding:.625rem 1rem}}.form-input,.form-select{max-width:100%}.form-input:focus,.form-select:focus{outline:2px solid #21209c;outline:2px solid var(--savsen-blue,#21209c);outline-offset:2px}.start-survey-btn:disabled{position:relative}.start-survey-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--savsen-white,#fff);content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.dynamic-welcome-container{margin-bottom:1.5rem}.dynamic-welcome-title{color:#21209c;color:var(--savsen-blue,#21209c);font-family:Montserrat,sans-serif;font-family:var(--font-header,"Montserrat",sans-serif);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.dynamic-welcome-subtitle{margin-bottom:1.2rem;text-align:center}.dynamic-welcome-subtitle,.dynamic-welcome-why-matters{color:#000;color:var(--savsen-black,#000);font-family:Roboto,sans-serif;font-family:var(--font-text,"Roboto",sans-serif);font-size:1rem;line-height:1.6}.dynamic-welcome-why-matters{font-weight:600;margin-bottom:1rem}.dynamic-welcome-description{color:#000;color:var(--savsen-black,#000);font-family:Roboto,sans-serif;font-family:var(--font-text,"Roboto",sans-serif);font-size:1rem;line-height:1.6;margin-bottom:1.2rem}.dynamic-welcome-influence,.dynamic-welcome-no-wrong{font-weight:500;margin-bottom:1.2rem}.dynamic-welcome-how-it-works,.dynamic-welcome-influence,.dynamic-welcome-no-wrong{color:#000;color:var(--savsen-black,#000);font-family:Roboto,sans-serif;font-family:var(--font-text,"Roboto",sans-serif);font-size:1rem;line-height:1.6}.dynamic-welcome-how-it-works{font-weight:600;margin-bottom:.5rem}.dynamic-welcome-steps{list-style:disc;margin:.5rem 0 1.2rem 1.2rem;padding-left:0}.dynamic-welcome-step,.dynamic-welcome-steps{color:#000;color:var(--savsen-black,#000);font-family:Roboto,sans-serif;font-family:var(--font-text,"Roboto",sans-serif);font-size:1rem;line-height:1.6}.dynamic-welcome-step{margin-bottom:.3rem}.dynamic-welcome-ready{color:#21209c;color:var(--savsen-blue,#21209c);font-family:Montserrat,sans-serif;font-family:var(--font-header,"Montserrat",sans-serif);font-size:1.2rem;font-weight:600;margin-bottom:.7rem;text-align:center}@media (max-width:768px){.dynamic-welcome-container{margin-bottom:1rem}.dynamic-welcome-title{font-size:1.25rem;margin-bottom:.75rem}.dynamic-welcome-description,.dynamic-welcome-influence,.dynamic-welcome-no-wrong,.dynamic-welcome-subtitle,.dynamic-welcome-why-matters{font-size:.95rem;margin-bottom:1rem}.dynamic-welcome-how-it-works{font-size:.95rem}.dynamic-welcome-steps{font-size:.95rem;margin:.5rem 0 1rem 1rem}.dynamic-welcome-step{font-size:.95rem;margin-bottom:.25rem}.dynamic-welcome-ready{font-size:1.1rem;margin-bottom:.5rem}}@media (max-width:600px){.dynamic-welcome-container{margin-bottom:.75rem}.dynamic-welcome-title{font-size:1.1rem;margin-bottom:.5rem}.dynamic-welcome-description,.dynamic-welcome-influence,.dynamic-welcome-no-wrong,.dynamic-welcome-subtitle,.dynamic-welcome-why-matters{font-size:.9rem;margin-bottom:.75rem}.dynamic-welcome-how-it-works{font-size:.9rem}.dynamic-welcome-steps{font-size:.9rem;margin:.5rem 0 .75rem .75rem}.dynamic-welcome-step{font-size:.9rem;margin-bottom:.2rem}.dynamic-welcome-ready{font-size:1rem;margin-bottom:.5rem}}@media (max-width:480px){.dynamic-welcome-title{font-size:1.1rem;margin-bottom:.5rem}.dynamic-welcome-description,.dynamic-welcome-influence,.dynamic-welcome-no-wrong,.dynamic-welcome-subtitle,.dynamic-welcome-why-matters{font-size:.9rem;margin-bottom:.75rem}.dynamic-welcome-how-it-works{font-size:.9rem}.dynamic-welcome-steps{font-size:.9rem;margin:.5rem 0 .75rem .75rem}.dynamic-welcome-step{font-size:.9rem;margin-bottom:.2rem}.dynamic-welcome-ready{font-size:1rem;margin-bottom:.5rem}}.participant-info{align-items:center;background:linear-gradient(135deg,var(--savsen-blue) 0,var(--savsen-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.participant-info-card{background:#fff;border-radius:24px;box-shadow:0 4px 32px #21209c1a;max-width:575px;padding:2.5rem;text-align:center;width:100%}.participant-info-header h1{color:var(--savsen-blue);font-size:2rem;font-weight:700;margin-bottom:1rem}.participant-info-header p{color:var(--savsen-gray);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.participant-info-form{margin-bottom:2rem;text-align:left}.form-group{text-align:left}.form-group label{color:var(--savsen-black);display:block;font-size:.875rem}.form-input{background:#f9f9ff;border:1px solid var(--savsen-border);border-radius:8px;box-sizing:border-box;font-size:1rem;height:48px;padding:1rem;transition:border-color .2s;width:100%}.form-input:focus{border:1.5px solid var(--savsen-blue);box-shadow:0 0 0 3px #21209c1a;outline:none}.form-input.error{border:1.5px solid var(--savsen-error)}.error-message{color:var(--savsen-error);display:block;font-size:.9rem;margin-top:.5rem}.privacy-note{background:var(--savsen-light);border-left:4px solid var(--savsen-blue);border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:left}.privacy-note p{color:var(--savsen-gray);font-size:.9rem;line-height:1.5;margin:0}.participant-info-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.participant-info-actions button{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:1rem;font-weight:600;height:48px;min-width:120px;padding:1rem 2rem;transition:all .2s}.btn-primary{color:#fff}.btn-primary:hover:not(:disabled){background:#1a1a7a;box-shadow:0 4px 12px #21209c4d}.btn-secondary:hover{box-shadow:0 4px 12px #21209c4d;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.participant-info{padding:1rem}.participant-info-card{padding:2rem}.participant-info-header h1{font-size:1.5rem}.participant-info-actions{flex-direction:column}.participant-info-actions button{width:100%}}@media (max-width:600px){.participant-info{padding:.75rem}.participant-info-card{padding:1.5rem}.participant-info-header h1{font-size:1.25rem}.participant-info-header p{font-size:1rem}.form-input{font-size:16px;padding:.875rem}.participant-info-actions button{font-size:1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.participant-info-card{padding:1.25rem}.participant-info-header h1{font-size:1.125rem}.form-input{padding:.75rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.875rem;margin-bottom:.4rem}}.survey-flow,.upload-status-screen{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);margin:0 auto;max-width:800px;padding:2rem}.upload-status-content{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.upload-status-content h2{color:#333;color:var(--color-text-primary,#333);font-size:1.5rem;margin-bottom:2rem;text-align:center}.answers-overview{margin-bottom:2rem}.answer-item{background:#fff;border-left:4px solid var(--savsen-blue);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem}.answer-item.completed{border-left-color:#28a745}.answer-item.pending{border-left-color:#ffc107}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.question-number{color:#333;color:var(--color-text-primary,#333);font-weight:600}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.answer-content{margin-top:.5rem}.answer-type{color:#333;color:var(--color-text-primary,#333);font-weight:600;margin-right:.5rem}.text-answer p{color:#666;color:var(--color-text-secondary,#666);font-style:italic;margin:.5rem 0 0}.media-answer{margin-top:.5rem}.file-url{color:var(--savsen-blue);font-family:monospace;font-size:.875rem;word-break:break-all}.upload-progress{margin-top:.5rem}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{animation:progress-animation 2s ease-in-out infinite;background:var(--savsen-blue);height:100%;width:100%}@keyframes progress-animation{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem}.upload-actions{margin:2rem 0;text-align:center}.waiting-message{color:#666;color:var(--color-text-secondary,#666)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top:4px solid var(--savsen-blue);height:40px;margin:1rem auto;width:40px}.submit-section{margin:1rem 0}.success-message{color:#28a745;font-weight:600;margin-bottom:1rem}.submit-button{background:var(--savsen-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.submit-button:hover:not(:disabled){background:var(--savsen-blue);opacity:.9;transform:translateY(-1px)}.submit-button:disabled{background:var(--savsen-gray);cursor:not-allowed;opacity:.6}.troubleshooting{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;margin-top:2rem;padding:1.5rem}.troubleshooting h3{color:#17a2b8;font-size:1.1rem;margin-bottom:1rem}.troubleshooting ul{margin:0;padding-left:1.5rem}.troubleshooting li{color:#666;color:var(--color-text-secondary,#666);line-height:1.5;margin-bottom:.5rem}.survey-header{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);border-radius:8px;color:#333;color:var(--color-text-primary,#333);font-weight:600;justify-content:space-between;margin-bottom:2rem;padding:1rem}.survey-header,.survey-logo{align-items:center;display:flex}.survey-logo img{margin-right:16px;max-height:40px;max-width:120px;object-fit:contain}.progress-indicator{color:#333;color:var(--color-text-primary,#333);flex-grow:1;font-weight:600;text-align:center}.navigation-controls{border-top:1px solid #e9ecef;border-top:1px solid var(--color-border,#e9ecef);margin-top:2rem;padding-top:2rem}.nav-buttons{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn-primary{background:var(--savsen-blue);border:none;border-radius:6px;color:var(--savsen-white);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--savsen-blue);opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{background:var(--savsen-gray);cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--savsen-light);border-radius:6px;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:var(--savsen-blue);color:var(--savsen-white)}.btn-skip{background:var(--savsen-light);border:1px solid var(--savsen-gray);border-radius:6px;color:var(--savsen-gray);cursor:pointer;font-weight:500;opacity:.8;padding:.75rem 1.5rem;transition:all .2s}.btn-skip:hover{background:var(--savsen-gray);color:var(--savsen-white);opacity:1}.skip-warning-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.skip-warning-content{background:#fff;border-radius:24px;box-shadow:0 4px 32px #21209c26;max-width:575px;padding:2.5rem;text-align:center;width:90%}.skip-warning-content h3{color:var(--savsen-blue);font-family:var(--font-header);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.skip-warning-content p{color:var(--savsen-gray);font-family:var(--font-text);font-size:1rem;line-height:1.6;margin-bottom:2rem}.skip-warning-buttons{display:flex;gap:1rem;justify-content:center}.skip-warning-buttons button{border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;font-family:var(--font-text);font-size:1rem;font-weight:600;height:48px;padding:1rem 2rem;transition:all .2s}@media (max-width:768px){.skip-warning-content{margin:1rem;padding:2rem}.skip-warning-content h3{font-size:1.25rem}.skip-warning-content p{font-size:.95rem}.skip-warning-buttons{flex-direction:column;gap:.75rem}.skip-warning-buttons button{font-size:1rem;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.skip-warning-content{margin:.75rem;padding:1.5rem}.skip-warning-content h3{font-size:1.1rem}.skip-warning-content p{font-size:.9rem;margin-bottom:1.5rem}.skip-warning-buttons button{font-size:.95rem;padding:.75rem 1.25rem}}.error,.loading{color:#666;color:var(--color-text-secondary,#666);font-size:1.2rem;padding:3rem;text-align:center}.error{color:#dc3545;color:var(--color-danger,#dc3545)}.question-card{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;overflow:hidden;padding:2rem}.question-card.skipped{background:#f8f9fa;background:var(--color-background-secondary,#f8f9fa);opacity:.7}.skipped-message{margin-bottom:1rem;text-align:center}.skipped-badge{background:var(--savsen-yellow);border-radius:20px;color:var(--savsen-black);display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.skipped-note{color:var(--savsen-gray);font-size:.9rem;font-style:italic;margin-top:.5rem}.recording-type-selector{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.radio-label{background:var(--savsen-white);border:2px solid var(--savsen-border);border-radius:8px;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.radio-label.selected,.radio-label:hover{border-color:var(--savsen-blue)}.radio-label.selected{background:var(--savsen-light);color:var(--savsen-blue)}.radio-label.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.radio-label.disabled input{cursor:not-allowed}.radio-label input[type=radio]{display:none}.text-input-section{margin-bottom:2rem;max-width:100%;overflow:hidden}.text-label{color:var(--savsen-black);display:block;font-weight:600;margin-bottom:.5rem}.text-input{border:2px solid var(--savsen-border);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;max-height:300px;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.text-input:focus{border-color:var(--savsen-blue);outline:none}.text-input.error{border-color:var(--savsen-error)}.text-input-footer{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-top:.5rem}.character-count{color:var(--savsen-gray)}.text-error{color:var(--savsen-error);font-weight:500}.media-recording-section{margin-bottom:2rem}.recording-controls{flex-wrap:wrap;margin-bottom:1rem}.btn-clear,.btn-preview,.btn-record,.btn-stop{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-record:hover:not(:disabled){background:var(--savsen-blue);opacity:.9;transform:translateY(-1px)}.btn-record:disabled{background:var(--savsen-gray);cursor:not-allowed;opacity:.6}.btn-stop{color:var(--savsen-white)}.btn-stop,.btn-stop:hover{background:var(--savsen-error)}.btn-stop:hover{opacity:.9;transform:translateY(-1px)}.btn-preview{background:var(--savsen-blue);color:var(--savsen-white)}.btn-preview:hover{background:var(--savsen-blue);opacity:.9;transform:translateY(-1px)}.btn-clear{color:var(--savsen-black)}.btn-clear,.btn-clear:hover{background:var(--savsen-yellow)}.btn-clear:hover{opacity:.9;transform:translateY(-1px)}.recording-actions{display:flex;gap:1rem}.recording-status{margin-bottom:1rem}.recording-indicator{color:var(--savsen-error);gap:.5rem}.recording-dot{animation:pulse 1.5s infinite;background:var(--savsen-error);height:12px;width:12px}.media-preview{margin-top:1rem}.video-preview-container{position:relative;width:100%}.audio-preview,.video-preview{border:2px solid var(--savsen-border);border-radius:8px;width:100%}.video-error-message{background:#dc3545e6;border-radius:8px;color:#fff;left:50%;max-width:300px;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.video-error-message p{font-size:14px;margin:5px 0}.video-error-message p:first-child{font-size:16px;font-weight:600}.video-error-message ul{margin:10px 0;padding-left:20px}.video-error-message li{font-size:13px;margin:5px 0}.video-stream-error{background:#ffc107e6;border-radius:8px;color:#000;font-size:14px;font-weight:500;left:50%;max-width:280px;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.video-stream-error p{margin:5px 0}.video-stream{margin-top:1rem;position:relative}.video-stream-preview{border:2px solid #dc3545;border:2px solid var(--color-danger,#dc3545);border-radius:8px;max-height:300px;object-fit:cover;width:100%}.floating-stop-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dc3545e6;border-radius:50px;box-shadow:0 4px 12px #0000004d;padding:12px 20px;position:absolute;right:20px;top:20px;z-index:1000}.btn-stop-floating{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:0;transition:all .2s ease}.btn-stop-floating:hover{background:#dc3545;transform:scale(1.05)}.btn-stop-floating:active{transform:scale(.95)}@media (max-width:768px){.survey-flow{padding:1rem}.survey-header{flex-direction:column;gap:1rem;text-align:center}.survey-logo img{margin-bottom:.5rem;margin-right:0;max-height:30px;max-width:100px}.nav-buttons{flex-direction:column;gap:.5rem}.nav-buttons button{width:100%}.recording-actions,.recording-controls,.recording-type-selector{flex-direction:column}.skip-warning-content{margin:1rem;padding:1.5rem}.skip-warning-buttons{flex-direction:column}.floating-stop-button{padding:10px 16px;right:15px;top:15px}.btn-stop-floating{font-size:14px;gap:6px}}.upload-progress{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:16px 0;padding:16px}.upload-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.upload-status-icon{font-size:18px;margin-right:8px}.upload-status-text{color:#495057;flex:1 1;font-weight:500}.upload-percentage{color:#21209c;font-size:14px;font-weight:600}.upload-progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#21209c,#4c63d2);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.upload-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.upload-progress-details{color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.upload-speed,.upload-time{font-family:Courier New,monospace}.upload-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-top:12px;padding:12px;text-align:center}.btn-retry{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background .2s}.btn-retry:hover{background:#c82333}.upload-queue{bottom:20px;max-width:400px;position:fixed;right:20px;z-index:1000}.upload-queue-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:12px;margin-bottom:8px;padding:12px}.upload-queue-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.upload-queue-filename{color:#495057;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-queue-close{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.upload-queue-close:hover{color:#dc3545}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffc107b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #ffc10700;transform:scale(1.05)}to{box-shadow:0 0 0 0 #ffc10700;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--savsen-light:#dedff4;--savsen-success:#28a745;--savsen-warning:#ffc107;--savsen-info:#17a2b8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 2px 4px #21209c1a;--shadow-md:0 4px 12px #21209c26;--shadow-lg:0 8px 24px #21209c33;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}.ds-text-xs{font-size:.75rem;line-height:1.2}.ds-text-sm{font-size:.875rem;line-height:1.4}.ds-text-base{font-size:1rem;line-height:1.5}.ds-text-lg{font-size:1.125rem;line-height:1.6}.ds-text-xl{font-size:1.25rem;line-height:1.4}.ds-text-2xl{font-size:1.5rem;line-height:1.3}.ds-text-3xl{font-size:2rem;line-height:1.2}.ds-text-4xl{font-size:2.5rem;line-height:1.1}.ds-font-header{font-family:Montserrat,sans-serif;font-family:var(--font-header);font-weight:700}.ds-font-text{font-family:Roboto,sans-serif;font-family:var(--font-text);font-weight:300}.ds-font-medium{font-weight:500}.ds-btn,.ds-font-bold{font-weight:700}.ds-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:1rem;font-size:var(--spacing-md);gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.5px;min-height:48px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;text-transform:uppercase;transition:all .3s ease;transition:all var(--transition-normal)}.ds-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.ds-btn-primary{background:#21209c;background:var(--savsen-blue);box-shadow:0 4px 12px #21209c26;box-shadow:var(--shadow-md);color:#fff;color:var(--savsen-white)}.ds-btn-primary:hover:not(:disabled){background:#1a1a7a;box-shadow:0 8px 24px #21209c33;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ds-btn-primary:active:not(:disabled){box-shadow:0 2px 4px #21209c1a;box-shadow:var(--shadow-sm);transform:translateY(0)}.ds-btn-secondary{background:#fff;background:var(--savsen-white);border:2px solid #21209c;border:2px solid var(--savsen-blue);color:#21209c;color:var(--savsen-blue)}.ds-btn-secondary:hover:not(:disabled){background:#dedff4;background:var(--savsen-light);transform:translateY(-1px)}.ds-btn-tertiary{background:#0000;border:none;color:#21209c;color:var(--savsen-blue);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.ds-btn-tertiary:hover:not(:disabled){background:#dedff4;background:var(--savsen-light);border-radius:6px;border-radius:var(--radius-sm)}.ds-btn-danger{background:#dc3545;background:var(--savsen-error);color:#fff;color:var(--savsen-white)}.ds-btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.ds-btn-success{background:#28a745;background:var(--savsen-success);color:#fff;color:var(--savsen-white)}.ds-btn-success:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.ds-btn-sm{font-size:.875rem;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.ds-btn-lg{font-size:1.125rem;min-height:56px;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.ds-input{background:#fff;background:var(--savsen-white);border:2px solid #e0e0e0;border:2px solid var(--savsen-border);border-radius:12px;border-radius:var(--radius-md);font-family:Roboto,sans-serif;font-family:var(--font-text);font-size:1rem;padding:1rem;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast);width:100%}.ds-input:focus{border-color:#21209c;border-color:var(--savsen-blue);box-shadow:0 0 0 3px #21209c1a;outline:none}.ds-input:disabled{background:#f5f5f5;background:var(--savsen-light-gray);cursor:not-allowed}.ds-textarea{background:#fff;background:var(--savsen-white);border:2px solid #e0e0e0;border:2px solid var(--savsen-border);border-radius:12px;border-radius:var(--radius-md);font-family:Roboto,sans-serif;font-family:var(--font-text);font-size:1rem;min-height:120px;padding:1rem;padding:var(--spacing-md);resize:vertical;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.ds-textarea:focus{border-color:#21209c;border-color:var(--savsen-blue);box-shadow:0 0 0 3px #21209c1a;outline:none}.ds-textarea:disabled{background:#f5f5f5;background:var(--savsen-light-gray);cursor:not-allowed}.ds-label{color:#000;color:var(--savsen-black);display:block;font-family:Roboto,sans-serif;font-family:var(--font-text);font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.ds-error{color:#dc3545;color:var(--savsen-error);font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs)}.ds-card{background:#fff;background:var(--savsen-white);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #21209c1a;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-normal)}.ds-card:hover{box-shadow:0 4px 12px #21209c26;box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-card-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--savsen-border);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.ds-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21209c1f;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.ds-modal{background:#fff;background:var(--savsen-white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #21209c33;box-shadow:var(--shadow-lg);max-height:90vh;max-width:540px;overflow-y:auto;position:relative;width:90%}.ds-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--savsen-border);display:flex;justify-content:space-between}.ds-modal-body,.ds-modal-header{padding:2rem;padding:var(--spacing-xl)}.ds-modal-close{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#21209c;color:var(--savsen-blue);cursor:pointer;font-size:1.5rem;padding:.5rem;padding:var(--spacing-sm);transition:all .2s ease;transition:all var(--transition-fast)}.ds-modal-close:hover{background:#dedff4;background:var(--savsen-light)}.ds-modal-overlay .survey-response-modal .ds-modal,.survey-response-modal .ds-modal,.survey-response-modal .ds-modal-overlay .ds-modal{bottom:2.5vh!important;height:95vh!important;left:2.5vw!important;max-height:95vh!important;max-width:95vw!important;position:fixed!important;right:2.5vw!important;top:2.5vh!important;width:95vw!important}.ds-modal-overlay .survey-response-modal .ds-modal .ds-modal-body,.survey-response-modal .ds-modal .ds-modal-body,.survey-response-modal .ds-modal-overlay .ds-modal .ds-modal-body{height:calc(95vh - 80px)!important;max-height:calc(95vh - 80px)!important;max-width:100%!important;overflow:auto!important;padding:0!important;width:100%!important}.survey-response-modal .ds-modal-overlay{align-items:center!important;display:flex!important;justify-content:center!important}.ds-modal-large{height:95vh!important;max-height:95vh!important;max-width:95vw!important;width:95vw!important}.ds-modal-large .ds-modal-body{height:calc(95vh - 80px)!important;max-height:calc(95vh - 80px)!important;overflow:auto!important}.ds-nav{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.ds-nav-item{border-radius:12px;border-radius:var(--radius-md);color:#21209c;color:var(--savsen-blue);font-weight:500;padding:1rem;padding:var(--spacing-md);text-decoration:none;transition:all .2s ease;transition:all var(--transition-fast)}.ds-nav-item:hover{background:#dedff4;background:var(--savsen-light)}.ds-nav-item.active{background:#21209c;background:var(--savsen-blue);color:#fff;color:var(--savsen-white)}.ds-burger-menu{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21209c1f;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:4000}.ds-burger-menu-content{background:#fff;background:var(--savsen-white);box-shadow:0 8px 24px #21209c33;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);height:100vh;padding:2rem;padding:var(--spacing-xl);width:280px}.ds-burger-menu-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-md);color:#21209c;color:var(--savsen-blue);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);text-align:left;transition:all .2s ease;transition:all var(--transition-fast)}.ds-burger-menu-item:hover{background:#dedff4;background:var(--savsen-light);transform:translateX(4px)}.ds-burger-menu-item.active{background:#dedff4;background:var(--savsen-light);border-left:4px solid #21209c;border-left:4px solid var(--savsen-blue);color:#21209c;color:var(--savsen-blue)}.ds-burger-menu-item .icon{height:20px;opacity:.7;width:20px}.ds-text-center{text-align:center}.ds-text-left{text-align:left}.ds-text-right{text-align:right}.ds-flex{display:flex}.ds-flex-col{flex-direction:column}.ds-items-center{align-items:center}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-gap-sm{gap:.5rem;gap:var(--spacing-sm)}.ds-gap-md{gap:1rem;gap:var(--spacing-md)}.ds-gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.ds-w-full{width:100%}.ds-h-full{height:100%}.ds-mt-sm{margin-top:.5rem;margin-top:var(--spacing-sm)}.ds-mt-md{margin-top:1rem;margin-top:var(--spacing-md)}.ds-mt-lg{margin-top:1.5rem;margin-top:var(--spacing-lg)}.ds-mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.ds-mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.ds-mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.ds-p-sm{padding:.5rem;padding:var(--spacing-sm)}.ds-p-md{padding:1rem;padding:var(--spacing-md)}.ds-p-lg{padding:1.5rem;padding:var(--spacing-lg)}@media (max-width:768px){.ds-modal{margin:1rem;margin:var(--spacing-md);width:95%}.ds-burger-menu-content{width:260px}.ds-text-4xl{font-size:2rem}.ds-text-3xl{font-size:1.75rem}}@keyframes ds-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.ds-fade-in{animation:ds-fadeIn .3s ease-out}.ds-slide-in{animation:ds-slideIn .3s ease-out}.ds-loading{animation:ds-spin 1s ease-in-out infinite;border:2px solid #dedff4;border-radius:50%;border-top-color:#21209c;border:2px solid var(--savsen-light);border-top-color:var(--savsen-blue);display:inline-block;height:20px;width:20px}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-status{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.ds-status-success{background:#28a7451a;color:#28a745;color:var(--savsen-success)}.ds-status-error{background:#dc35451a;color:#dc3545;color:var(--savsen-error)}.ds-status-warning{background:#ffc1071a;color:#ffc107;color:var(--savsen-warning)}.ds-status-info{background:#17a2b81a;color:#17a2b8;color:var(--savsen-info)}.ds-logo{display:block;height:auto;max-width:100%;object-fit:contain}.ds-burger-menu{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-around;padding:0;transition:all .3s ease;width:24px;z-index:10}.ds-burger-menu:hover{opacity:.8}.ds-burger-line{background:#21209c;background:var(--savsen-blue);border-radius:1px;height:2px;transition:all .3s ease;width:100%}.ds-burger-menu.open .ds-burger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.ds-burger-menu.open .ds-burger-line:nth-child(2){opacity:0}.ds-burger-menu.open .ds-burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.ds-language-selector{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.ds-language-selector:focus{border-color:#21209c;border-color:var(--savsen-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ds-language-selector:hover{border-color:#9ca3af}.ds-search-bar{align-items:center;display:flex;max-width:100%;position:relative}.ds-search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.ds-search-input:focus{border-color:#21209c;border-color:var(--savsen-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ds-search-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s ease}.ds-search-button:hover{color:#21209c;color:var(--savsen-blue)}.ds-survey-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.ds-survey-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.ds-survey-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ds-survey-card-title h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.ds-survey-card-title p{color:#6b7280;font-size:14px;margin:0}.ds-survey-card-status{flex-shrink:0}.ds-survey-card-body{margin-bottom:16px}.ds-survey-card-info{display:flex;flex-direction:column;gap:8px}.ds-survey-card-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.ds-survey-card-item span:first-child{color:#6b7280;font-weight:500}.ds-survey-card-item span:last-child{color:#111827;font-weight:400}.ds-survey-card-actions{display:flex;flex-wrap:wrap;gap:8px}.ds-empty-state{color:#6b7280;padding:48px 24px;text-align:center}.ds-empty-state-icon{display:flex;justify-content:center;margin-bottom:16px}.ds-empty-state-title{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.ds-empty-state-description{color:#6b7280;font-size:14px;margin:0 auto 24px;max-width:400px}.ds-empty-state-action{display:flex;justify-content:center}@media (max-width:768px){.ds-survey-card{padding:16px}.ds-survey-card-actions{flex-direction:column}.ds-search-bar{margin-bottom:16px}.ds-empty-state{padding:32px 16px}}.survey-completed{align-items:center;background:linear-gradient(135deg,#dedff4,#fff);background:linear-gradient(135deg,var(--savsen-light) 0,var(--savsen-white) 100%);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--spacing-lg)}.completion-card{animation:ds-fadeIn .6s ease-out;background:#fff;background:var(--savsen-white);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #21209c33;box-shadow:var(--shadow-lg);max-width:600px;padding:3rem;padding:var(--spacing-xxl);text-align:center;width:100%}.completion-icon{animation:ds-slideIn .8s ease-out;font-size:4rem}.completion-card h1,.completion-icon{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.completion-card h1{color:#21209c;color:var(--savsen-blue);font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:var(--spacing-3xl);font-weight:700}.completion-message{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.completion-message h2{color:#28a745;color:var(--savsen-success);font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:2rem;font-size:var(--spacing-xl);font-weight:600}.completion-message h2,.completion-message p{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.completion-message p{color:#666;color:var(--savsen-gray);font-family:Roboto,sans-serif;font-family:var(--font-text);font-size:1rem;font-size:var(--spacing-md);line-height:1.6}.completion-actions{margin-top:2rem;margin-top:var(--spacing-xl)}@media (max-width:768px){.completion-card{margin:1rem;margin:var(--spacing-md);padding:2rem;padding:var(--spacing-xl)}.completion-card h1{font-size:var(--spacing-2xl)}.completion-message h2{font-size:1.5rem;font-size:var(--spacing-lg)}}:root{--savsen-yellow:#fdb827;--savsen-blue:#21209c;--savsen-black:#000;--savsen-light:#f5f5ff;--savsen-white:#fff;--savsen-gray:#666;--savsen-border:#e0e0e0;--savsen-error:#dc3545;--savsen-light-gray:#f5f5f5;--font-header:"Montserrat",sans-serif;--font-text:"Roboto",sans-serif}body{background:#f5f5ff;background:var(--savsen-light);color:#000;color:var(--savsen-black);font-family:Roboto,sans-serif;font-family:var(--font-text);font-weight:300;margin:0;padding:0}.heading,h1,h2,h3{color:#21209c;color:var(--savsen-blue);font-family:Montserrat,sans-serif;font-family:var(--font-header);font-weight:700;margin-top:0}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}button,input,label,select{font-family:Roboto,Arial,sans-serif;font-size:1.125rem;font-weight:100}button{background:#fff;border:1px solid #888;border-radius:6px;cursor:pointer;padding:.5rem 1.5rem}button,label{font-size:1.125rem}pre{font-size:1rem}.h1-style,h1{word-wrap:break-word;font-size:46px;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;margin-bottom:1.5rem}.landing-title{font-size:56px;margin:0 auto 2rem;max-width:800px;text-align:center}.body-text,p{color:#000;color:var(--savsen-black);font-family:Roboto,sans-serif;font-family:var(--font-text);font-size:16px;font-weight:300;line-height:1.6;margin-bottom:2rem}#root{display:flex;flex-direction:column;min-height:100vh}#mobile-note{color:#21209c;font-size:.95rem;margin:1rem 0}#mobile-note,.App{text-align:center}.header{align-items:center;background:#000;background:var(--savsen-black);display:flex;justify-content:center;padding:1.5rem 0 1rem}.logo{height:56px;width:auto}main{background:#fff;background:var(--savsen-white);border-radius:18px;box-shadow:0 2px 12px #21209c12;margin:1.5rem auto 0;max-width:480px;padding:1rem}.landing{align-items:center;background:#f5f5ff;background:var(--savsen-light);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.landing-title-container,.survey-form{background:#fff;background:var(--savsen-white);border-radius:32px;box-shadow:0 4px 32px #21209c1a;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:575px;padding:2.5rem 2.5rem 1.5rem;text-align:center;width:100%}.landing-title{color:#21209c;color:var(--savsen-blue);font-size:2.8rem;font-weight:700;line-height:1.15;margin-bottom:1.5rem}.landing-title-container p{color:#000;color:var(--savsen-black);font-size:1.1rem;margin-bottom:0}.landing p{color:#000;color:var(--savsen-black);font-size:15px;font-weight:300;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.start-survey-btn{background:#21209c;background:var(--savsen-blue);border:none;border-radius:12px;box-shadow:0 4px 15px #21209c33;box-sizing:border-box;color:#fff;color:var(--savsen-white);cursor:pointer;display:block;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:1.2rem;font-weight:700;height:48px;letter-spacing:.5px;margin-bottom:.5rem;margin-top:.5rem;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.start-survey-btn:hover{background:#ffd600;box-shadow:0 6px 20px #21209c4d;color:#000;color:var(--savsen-black);transform:translateY(-2px)}.start-survey-btn:active{box-shadow:0 2px 10px #21209c33;transform:translateY(0)}.question-card{background:#fff;background:var(--savsen-white);border-radius:16px;box-shadow:0 4px 20px #1e22aa1a;margin:2rem auto;max-width:800px;padding:2.5rem}.question-card h2{color:#21209c;color:var(--savsen-blue);font-size:32px;margin-bottom:2rem;text-align:center}.recording-type-selector{display:flex;gap:3rem;justify-content:center;margin:2rem 0}.radio-label{align-items:center;border:2px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1.1rem;margin-right:1.5rem;padding:.5rem 1.2rem;transition:border .2s,background .2s}.radio-label input[type=radio]{accent-color:#21209c;accent-color:var(--savsen-blue);margin-right:.5rem}.radio-label.selected{background:#e6eaff;border:2px solid #21209c;border:2px solid var(--savsen-blue)}.radio-label:hover{background:#f0f4ff}.radio-text{align-items:center;color:#21209c;color:var(--savsen-blue);display:flex;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:16px}.radio-label input[type=radio]:checked+.radio-text{font-weight:600}.recording-controls{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.btn-record{align-items:center;background:#21209c;background:var(--savsen-blue);border:none;border-radius:8px;color:#fff;color:var(--savsen-white);cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:18px;font-weight:600;gap:.75rem;justify-content:center;margin:2rem auto;padding:1rem 3rem;transition:all .2s ease}.btn-record.recording{animation:recordingPulse 2s infinite;background:#dc3545}@keyframes recordingPulse{0%{box-shadow:0 0 0 0 #e5393566}70%{box-shadow:0 0 0 10px #e5393500}to{box-shadow:0 0 0 0 #e5393500}}.recording-indicator{align-items:center;color:#dc3545;display:flex;font-size:1.2rem;font-weight:600;gap:.7rem;margin-bottom:1rem}.recording-dot{animation:recordingPulse 1s infinite alternate;background:#dc3545;border-radius:50%;height:16px;margin-right:.5rem;width:16px}.recording-preview{align-items:center;background:#f5f5ff;background:var(--savsen-light);border-radius:12px;display:flex;justify-content:center;margin:1rem 0;max-width:320px;padding:1rem;width:100%}.navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.btn-next{background:#21209c;background:var(--savsen-blue);border:none;border-radius:8px;color:#fff;color:var(--savsen-white);cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:16px;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.btn-next:disabled{background:#666;background:var(--savsen-gray);cursor:not-allowed;opacity:.7}.btn-secondary{background:#0000;border:2px solid #21209c;border:2px solid var(--savsen-blue);border-radius:8px;color:#21209c;color:var(--savsen-blue);cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:16px;font-weight:500;padding:.75rem 2rem;transition:all .2s ease}.btn-secondary:hover{background:#1e22aa0d}.personal-info{align-items:center;background:#f5f5ff;background:var(--savsen-light);border-radius:16px;display:flex;flex-direction:column;margin-bottom:1.2rem;max-width:100%;padding:2rem}.personal-info h2{color:#21209c;color:var(--savsen-blue);font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:24px;margin-bottom:1.5rem;text-align:center}.personal-info label{align-items:flex-start;color:#000;color:var(--savsen-black);display:flex;flex-direction:column;margin-bottom:1rem;max-width:300px}.personal-info input,.personal-info label{font-family:Roboto,sans-serif;font-family:var(--font-text);font-size:15px;width:100%}.personal-info input{border:1px solid #21209c;border:1px solid var(--savsen-blue);border-radius:8px;box-sizing:border-box;margin-top:.3rem;padding:.8rem}.personal-info input:focus{border-color:#fdb827;border-color:var(--savsen-yellow);box-shadow:0 0 0 2px #fdb82733;outline:none}.personal-info button{background:#21209c;background:var(--savsen-blue);border:none;border-radius:12px;color:#fff;color:var(--savsen-white);cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:16px;font-weight:600;margin-top:1.5rem;max-width:300px;padding:.8rem 2rem;transition:all .3s ease;width:100%}.personal-info button:hover{background:#fdb827;background:var(--savsen-yellow);box-shadow:0 4px 15px #21209c33;color:#000;color:var(--savsen-black);transform:translateY(-2px)}@media (max-width:600px){main{border-radius:0;box-shadow:none;margin:0;max-width:100vw;padding:1rem}.header{padding:1rem 0 .7rem}.logo{height:40px}.h1-style,h1{font-size:36px}.h2-style,h2{font-size:24px}.body-text,p{font-size:14px}.landing h1{font-size:36px}.question-card h2{font-size:24px}.personal-info{padding:1.5rem}.personal-info h2{font-size:20px}.personal-info button,.personal-info label{max-width:100%}.landing-title{font-size:36px}.question-card{margin:1rem;padding:1.5rem}.recording-type-selector{flex-direction:column;gap:1rem}.btn-primary,.btn-record{font-size:16px;padding:.75rem 2rem;width:100%}.navigation{flex-direction:column}.btn-next,.btn-secondary{width:100%}.form-input,.form-select{box-sizing:border-box;font-size:16px;height:48px}.start-survey-btn{font-size:16px;height:48px;padding:.75rem 1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{font-size:1rem;margin-bottom:.4rem}.landing-title-container,.survey-form{margin-bottom:1.5rem}@media (max-width:480px){.landing-title-container,.survey-form{margin-left:.5rem;margin-right:.5rem;padding:1.2rem 1rem}main{padding:.5rem}}}.survey-form{align-items:center;border-radius:24px;box-shadow:0 4px 24px #21209c14;margin-bottom:2.5rem;margin-top:0;padding:2rem 2.5rem 2.5rem}.form-group,.survey-form{display:flex;flex-direction:column}.form-group{align-items:flex-start;margin-bottom:1.5rem;width:100%}.form-group label{color:#21209c;color:var(--savsen-blue);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select{background:#f9f9ff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1.1rem;height:48px;margin-bottom:.2rem;padding:.7rem 1rem;transition:border .2s;width:100%}.form-input:focus,.form-select:focus{border:1.5px solid #21209c;border:1.5px solid var(--savsen-blue);outline:none}.error-message{background:#dc35451a;border-radius:8px;color:#dc3545;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:14px;font-weight:500;margin:1rem 0;padding:.75rem;text-align:center}.modal-overlay{align-items:center;background:#1e22aa1a;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;background:var(--savsen-white);border-radius:18px;box-shadow:0 4px 32px #21209c26;max-width:90vw;min-width:320px;padding:2rem 2.5rem 1.5rem;text-align:center}.modal p{font-size:1.2rem;margin-bottom:1.5rem}.modal button{background:#21209c;background:var(--savsen-blue);border:none;border-radius:10px;color:#fff;color:var(--savsen-white);cursor:pointer;font-family:Montserrat,sans-serif;font-family:var(--font-header);font-size:1.1rem;font-weight:600;margin:0 .7rem;padding:.7rem 2rem;transition:background .2s,color .2s}.modal button:hover{background:#ffd600;color:#000;color:var(--savsen-black)}.landing-title-container ul,.landing-title-container ul li{font-family:Roboto,sans-serif!important;font-family:var(--font-text)!important;font-size:1.1rem!important;line-height:1.6!important;margin:0;padding:0}
/*# sourceMappingURL=main.88742bfc.css.map*/