*{margin:0;padding:0;box-sizing:border-box}#sales-assessment-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;min-height:100vh;background:#fff}.w-full{width:100%}.assessment-header{background:linear-gradient(to right,#2cb06a,#1a9456);padding:2rem;color:#fff}.header-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.header-subtitle{color:rgb(255 255 255 / .9);font-size:1rem}.progress-container{padding:1.5rem 2rem 0 2rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-text{font-size:.875rem;font-weight:500;color:#4b5563}.progress-bar-bg{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.75rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(to right,#2cb06a,#1a9456);height:100%;transition:width 0.5s ease-out;border-radius:9999px}.question-container{padding:2rem}.question-content{margin-bottom:2rem}.question-badge{display:inline-block;background-color:#2cb06a;color:#fff;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.question-text{font-size:1.5rem;font-weight:600;color:#1f2937;line-height:1.5}.rating-section{margin-bottom:2rem}.rating-labels{display:flex;justify-content:space-between;font-size:.875rem;color:#4b5563;margin-bottom:.75rem}.rating-buttons{display:flex;gap:.5rem}.rating-btn{flex:1;padding:1.5rem 1rem;border-radius:.75rem;font-weight:600;font-size:1.25rem;cursor:pointer;transition:all 0.2s;border:none;background-color:#f3f4f6;color:#374151}.rating-btn:hover{background-color:#e5e7eb;transform:scale(1.05)}.rating-btn.active{background:linear-gradient(to bottom right,#2cb06a,#1a9456);color:#fff;box-shadow:0 10px 15px -3px rgb(0 0 0 / .1);transform:scale(1.05)}.rating-btn:active{transform:scale(.95)}.navigation-buttons{display:flex;gap:1rem}.btn-previous,.btn-next{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all 0.2s;border:none;font-size:1rem}.btn-previous{background-color:#e5e7eb;color:#374151}.btn-previous:hover:not(:disabled){background-color:#d1d5db}.btn-previous:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn-next{flex:1;background:linear-gradient(to right,#2cb06a,#1a9456);color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.btn-next:hover:not(:disabled){opacity:.95}.btn-next:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;box-shadow:none}.btn-next:active:not(:disabled){transform:scale(.95)}.btn-icon{width:1.25rem;height:1.25rem}.results-container{padding:3rem 2rem;max-width:60rem;margin:0 auto}.results-header{text-align:center;margin-bottom:2rem}.results-icon-container{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:linear-gradient(to bottom right,#2cb06a,#1a9456);margin-bottom:1.5rem}.results-icon{color:#fff}.results-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.results-score-text{color:#4b5563;font-size:1rem}.results-score-number{font-size:2.25rem;font-weight:700;color:#2cb06a}.interpretation-card{border:2px solid;border-radius:.75rem;padding:2rem;margin-bottom:2rem}.interpretation-content{display:flex;align-items:start;gap:1rem}.interpretation-icon{flex-shrink:0}.interpretation-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.interpretation-subtitle{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.interpretation-description{color:#374151;line-height:1.6}.card-green{background-color:#f0fdf4;border-color:#bbf7d0}.card-green .interpretation-icon,.card-green .interpretation-title,.card-green .interpretation-subtitle{color:#16a34a}.card-yellow{background-color:#fefce8;border-color:#fde047}.card-yellow .interpretation-icon,.card-yellow .interpretation-title,.card-yellow .interpretation-subtitle{color:#ca8a04}.card-red{background-color:#fef2f2;border-color:#fecaca}.card-red .interpretation-icon,.card-red .interpretation-title,.card-red .interpretation-subtitle{color:#dc2626}.responses-summary{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.summary-title{font-weight:600;color:#1f2937;margin-bottom:1rem;font-size:1.125rem}.summary-list{display:flex;flex-direction:column;gap:.75rem}.summary-item{display:flex;align-items:start;gap:.75rem}.summary-number{font-size:.875rem;font-weight:500;color:#6b7280;margin-top:.25rem}.summary-content{flex:1}.summary-question{font-size:.875rem;color:#374151;margin-bottom:.25rem}.summary-rating{display:flex;gap:.25rem}.rating-dot{width:1.5rem;height:1.5rem;border-radius:.25rem;background-color:#e5e7eb}.rating-dot.filled{background-color:#2cb06a}.btn-restart{width:100%;background:linear-gradient(to right,#2cb06a,#1a9456);color:#fff;padding:1rem;border-radius:.75rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)}.btn-restart:hover{transform:scale(1.02)}.btn-restart:active{transform:scale(.95)}@media (min-width:768px){.assessment-header{padding:3rem}.header-title{font-size:2.25rem}.question-container{padding:3rem}.question-text{font-size:1.875rem}.rating-buttons{gap:1rem}.rating-btn{padding:2rem 1rem;font-size:1.5rem}.results-container{padding:4rem 3rem}.results-title{font-size:3rem}.interpretation-card{padding:2.5rem}}