@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1e293b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Prompt,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:#f8fafc;min-height:100vh;margin:0;padding:0}#root{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-page:#f8fafc;--bg-card:#fff;--bg-input:#f1f5f9;--text-main:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Prompt,Inter,sans-serif;line-height:1.6}.app-screenshots{justify-content:center;margin:2rem 0;display:flex}.screenshot-main{justify-content:center;width:100%;display:flex}.screenshot-full{border-radius:var(--radius-lg);width:100%;max-width:800px;height:auto;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform .2s}.screenshot-full:hover{box-shadow:var(--shadow-lg);transform:scale(1.02)}.app-container{background:var(--bg-card);border-radius:var(--radius-xl);width:95%;max-width:1000px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);margin:40px auto;overflow:hidden}.survey-form{padding:30px 40px 50px}.section-card{border-radius:var(--radius-lg);background:#fff;margin-bottom:2rem;padding:0}.section-title{color:var(--text-main);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2.5rem;font-size:1rem;font-weight:400}.form-group{margin-bottom:2rem}.form-label{color:var(--text-main);margin-bottom:.75rem;font-size:1rem;font-weight:500;display:block}.required{color:var(--danger);margin-left:4px}.radio-group{flex-direction:column;gap:12px;display:flex}.radio-label{border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-main);background:#fff;align-items:center;padding:16px 20px;font-size:.95rem;transition:all .2s;display:flex}.radio-label:hover{border-color:var(--primary);background:#f8fafc}.radio-input{width:1.25rem;height:1.25rem;accent-color:var(--primary);margin-right:16px}.radio-label:has(.radio-input:checked){border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:#eef2ff;font-weight:500}.text-input,.select-input,.textarea-input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#fff;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.text-input:focus,.select-input:focus,.textarea-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.textarea-input{resize:vertical;min-height:120px}.star-rating-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#fff;margin-bottom:24px;padding:24px;transition:border-color .2s}.star-rating-container:hover{border-color:#cbd5e1}.stars-wrapper{align-items:center;gap:12px;margin-top:12px;display:flex}.star-button{cursor:pointer;background:0 0;border:none;padding:4px;transition:transform .2s;display:flex}.star-button:hover{transform:scale(1.1)}.star-icon{color:#e2e8f0;transition:color .2s;width:32px!important;height:32px!important}.star-button:has(svg[color=\#fbbf24]) .star-icon{filter:drop-shadow(0 0 4px #fbbf2466)}.rating-text{color:var(--primary);background:#eef2ff;border-radius:999px;margin-left:auto;padding:4px 12px;font-size:.875rem;font-weight:600}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);text-align:center;background:#fff;width:90%;max-width:480px;padding:40px;box-shadow:0 25px 50px -12px #00000040}.success-icon{color:var(--success);margin-bottom:24px;font-size:4rem}.modal-title{color:var(--text-main);margin-bottom:12px;font-size:1.5rem}.modal-text{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.modal-button{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:12px;font-weight:600;transition:background .2s}.modal-button:hover{background:var(--primary-hover)}@media (max-width:640px){.app-container{width:100%;box-shadow:none;border:none;border-radius:0;margin:0}.header-section,.survey-form{padding:24px 20px}.navigation-buttons{flex-direction:column-reverse}.nav-button{width:100%}}.header-section{text-align:center;border-bottom:1px solid var(--border-color);background:#fff;padding:40px 30px}.main-title{color:var(--text-main);letter-spacing:-.025em;margin-bottom:12px;font-size:1.75rem;font-weight:700}.instruction-box{background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;margin-top:24px;padding:24px}.instruction-title{color:var(--text-main);margin-bottom:8px;font-size:1rem;font-weight:600}.instruction-text{color:var(--text-secondary);font-size:.95rem}.progress-container{border-bottom:1px solid var(--border-color);background:#fff;padding:24px 40px}.progress-bar-wrapper{margin-bottom:20px}.progress-bar-bg{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .4s}.step-indicators{justify-content:space-between;margin-bottom:0;display:flex}.step-indicator{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.step-circle{border:2px solid var(--border-color);width:32px;height:32px;color:var(--text-light);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.step-indicator.active .step-circle{border-color:var(--primary);color:var(--primary);background:#eef2ff}.step-indicator.completed .step-circle{background:var(--primary);border-color:var(--primary);color:#fff}.step-label{color:var(--text-light);font-size:.75rem;font-weight:500}.step-indicator.active .step-label,.step-indicator.completed .step-label{color:var(--primary)}.current-step-info{display:none}.dashboard-button-container{text-align:center;justify-content:center;margin-bottom:30px;display:flex}.dashboard-entry-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:1.05rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea4d}.dashboard-entry-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.qr-code-section{text-align:center;margin:2rem 0}.qr-code-box{justify-content:center;margin-bottom:1rem;display:flex}.qr-code-image{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;max-width:200px;height:auto;box-shadow:var(--shadow-sm)}.qr-code-title{color:var(--text-main);margin-bottom:.5rem;font-weight:600}.qr-code-subtitle{color:var(--text-secondary);font-size:.875rem}.warning-box{color:#b45309;border-radius:var(--radius-md);text-align:center;background:#fffbeb;border:1px solid #fcd34d;flex-direction:column;align-items:center;margin-bottom:24px;padding:16px;display:flex}.warning-text{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;display:flex}.warning-text:last-child{margin-bottom:0}.demo-info-box,.info-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;background:#f8fafc;margin-bottom:24px;padding:24px}.demo-title,.info-title,.rating-scale-title{color:var(--text-main);border-bottom:1px solid var(--border-color);text-align:center;margin-bottom:16px;padding-bottom:12px;font-size:1.1rem;font-weight:600}.account-list{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.account-item{border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff;flex-direction:column;flex:280px;align-items:center;gap:4px;width:100%;max-width:320px;padding:12px 16px;display:flex}.account-phone{color:var(--text-main);font-weight:600}.account-otp{color:var(--primary);background:#eef2ff;border-radius:4px;width:fit-content;padding:2px 6px;font-family:monospace;display:inline-block}.info-list{color:var(--text-secondary);text-align:left;max-width:600px;margin:0 auto;padding-left:0;list-style-position:inside;display:inline-block}.info-item{text-align:center;margin-bottom:8px;list-style:none}.rating-scale-box{border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;background:#fff;margin-top:24px;padding:24px}.rating-scale-list{flex-direction:column;align-items:center;gap:12px;display:flex}.rating-scale-item{border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;gap:16px;width:100%;max-width:400px;padding:8px 0;display:flex}.rating-scale-item:last-child{border-bottom:none}.rating-scale-item .stars{justify-content:center;gap:4px;min-width:100px;display:flex}.rating-scale-text{color:var(--text-secondary);text-align:left;min-width:120px;font-size:.95rem}.rating-scale-text strong{color:var(--primary);font-weight:600}.navigation-buttons{border-top:1px solid var(--border-color);justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;display:flex}.nav-button{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.prev-button{color:var(--text-secondary);border:1px solid var(--border-color);background:#fff}.prev-button:hover{background:var(--bg-page);color:var(--text-main);border-color:#cbd5e1}.next-button{background:var(--text-main);color:#fff}.next-button:hover{background:#0f172a;transform:translateY(-1px)}.submit-button,.submit-button-nav{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 32px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #4f46e533}.submit-button:hover:not(:disabled),.submit-button-nav:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d}.submit-button:disabled,.submit-button-nav:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}@media (max-width:640px){.navigation-buttons{flex-direction:column-reverse}.nav-button{width:100%}}.dashboard-container{max-width:1000px;min-height:80vh;margin:40px auto;padding:0 20px}.dashboard-container.loading,.dashboard-container.error{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:50vh;font-size:1.125rem;display:flex}.spinner{color:var(--primary);font-size:2.5rem;animation:1s linear infinite spin}.dashboard-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.back-icon-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;padding:.75rem;font-size:1.25rem;transition:all .2s;display:flex}.back-icon-btn:hover{background-color:var(--bg-page);color:var(--text-main);border-color:#cbd5e1;transform:translate(-2px)}.dashboard-header h2{color:var(--text-main);letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:700}.total-respondents{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:2.5rem;padding:1rem 1.5rem;font-size:1rem;display:inline-block}.total-respondents strong{color:var(--primary);font-size:1.25rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.stat-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;padding:1.5rem;transition:all .2s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.stat-card h3{color:var(--text-main);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:600;display:flex}.stat-card.blue h3:before{content:"";background:#3b82f6;border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.stat-card.green h3:before{content:"";background:#10b981;border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.stat-card.purple h3:before{content:"";background:#8b5cf6;border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.stat-card.orange h3:before{content:"";background:#f97316;border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.stat-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-item{flex-direction:column;flex:1;align-items:flex-start;display:flex}.stat-divider{background-color:var(--border-color);width:1px;height:40px;margin:0 1.5rem}.stat-label{color:var(--text-light);margin-bottom:.25rem;font-size:.875rem;font-weight:500}.stat-value{color:var(--text-main);font-size:1.5rem;font-weight:700}.stat-card.blue .stat-value{color:#3b82f6}.stat-card.green .stat-value{color:#10b981}.stat-card.purple .stat-value{color:#8b5cf6}.stat-card.orange .stat-value{color:#f97316}.stat-card button{cursor:pointer;width:100%;margin-top:1rem;padding:.75rem;transition:all .2s;background:var(--bg-page)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;font-size:.875rem!important}.stat-card button:hover{color:var(--text-main)!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.question-item{background:var(--bg-page);border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:.75rem;padding:1rem;transition:border-color .2s}.question-item:hover{border-color:#cbd5e1}.question-text{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.question-stats{color:var(--text-light);gap:1rem;font-size:.75rem;display:flex}.question-stats strong{color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.dashboard-header h2{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}}