:root{--primary-color: #008000;--secondary-color: #10b981;--accent-color: #eab308;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--error-color: #ef4444;--success-color: #10b981;--transition-speed: .4s;--transition-fast: .2s;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg-secondary);line-height:1.6;min-height:100vh}#quiz-app{max-width:640px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}.progress-container{position:sticky;top:0;z-index:100;background-color:var(--bg-primary);padding:1rem 0;margin-bottom:2rem}.progress-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:999px;transition:width .3s ease-out;width:0%}.steps-container{flex:1;position:relative;margin-bottom:2rem}.step{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease-in-out}.step.active{position:relative;opacity:1;visibility:visible}.step.hidden{opacity:0;visibility:hidden}.step.fade-out{opacity:0}.step.fade-in{opacity:1}.step-header{margin-bottom:2rem}.step-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.step-content{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.step-content p{margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-options{display:flex;flex-direction:column;gap:.75rem}.option-item{position:relative;display:flex;align-items:center;padding:1rem 1.25rem;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast) ease;min-height:44px}.option-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.option-item input[type=radio],.option-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.option-item input:checked~.option-label{color:var(--primary-color);font-weight:600}.option-item input:checked~.option-checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.option-item input:checked~.option-checkmark:after{display:block}.option-checkmark{position:relative;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;margin-right:.75rem;flex-shrink:0;transition:all var(--transition-fast) ease}.option-item input[type=checkbox]~.option-checkmark{border-radius:4px}.option-checkmark:after{content:"";position:absolute;display:none;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:#fff}.option-item input[type=checkbox]~.option-checkmark:after{width:10px;height:6px;border-radius:0;border-left:2px solid white;border-bottom:2px solid white;transform:translate(-50%,-60%) rotate(-45deg)}.option-label{flex:1;font-size:1rem;color:var(--text-primary);transition:all var(--transition-fast) ease}.emoji-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.emoji-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast) ease;min-height:120px;min-width:44px}.emoji-option:hover{border-color:var(--primary-color);transform:scale(1.05);box-shadow:var(--shadow-md)}.emoji-option input{position:absolute;opacity:0}.emoji-option input:checked~.emoji-icon{transform:scale(1.2)}.emoji-option.selected{border-color:var(--primary-color);background-color:#6366f10d;box-shadow:var(--shadow-md)}.emoji-icon{font-size:3rem;margin-bottom:.5rem;transition:transform var(--transition-fast) ease}.emoji-label{font-size:.875rem;color:var(--text-secondary);text-align:center}.likert-scale{display:flex;justify-content:space-between;gap:.5rem}.likert-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem .5rem;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast) ease;min-width:44px}.likert-option:hover{border-color:var(--primary-color);transform:translateY(-2px)}.likert-option.selected{border-color:var(--primary-color);background-color:#6366f10d}.likert-indicator{font-size:1.5rem;margin-bottom:.25rem}.likert-label{font-size:.75rem;color:var(--text-secondary);text-align:center}.email-input{width:100%;padding:1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast) ease;background-color:var(--bg-primary)}.email-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.email-input.error{border-color:var(--error-color)}.error-message{display:none;color:var(--error-color);font-size:.875rem;margin-top:.5rem;padding:.5rem;background-color:#ef44441a;border-radius:6px}.error-message.visible{display:block}.navigation{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;background-color:var(--bg-secondary);position:sticky;bottom:0}.btn-back,.btn-next{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast) ease;min-height:44px;min-width:44px}.btn-back{background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-back:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.btn-next{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;flex:1}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-back:disabled,.btn-next:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-back.hidden,.btn-next.hidden{display:none}.btn-back svg,.btn-next svg{width:20px;height:20px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:2rem}.loading-step{width:100%;margin-bottom:2rem}.loading-label{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.loading-bar{width:100%;height:8px;background-color:var(--border-color);border-radius:999px;overflow:hidden}.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:999px;transition:width 1s ease-out;width:0%}.loading-percentage{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.course-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.course-card{background-color:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-fast) ease}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.course-thumbnail{width:100%;height:200px;object-fit:cover;background-color:var(--border-color)}.course-content{padding:1.5rem}.course-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.course-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.course-cta{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:all var(--transition-fast) ease}.course-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.pricing-card{background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all var(--transition-fast) ease;position:relative}.pricing-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.pricing-card.selected{border-color:var(--primary-color);box-shadow:var(--shadow-lg);background-color:#6366f10d}.pricing-badge{position:absolute;top:-12px;right:1rem;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));color:#fff;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.pricing-duration{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.pricing-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.pricing-current{font-size:2rem;font-weight:700;color:var(--primary-color)}.pricing-original{font-size:1.25rem;color:var(--text-secondary);text-decoration:line-through}.pricing-per-day{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.pricing-features{list-style:none;margin-bottom:1.5rem}.pricing-features li{padding:.5rem 0;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.pricing-features li:before{content:"✓";color:var(--success-color);font-weight:700}.countdown-timer{text-align:center;padding:1rem;background-color:#ef44441a;border-radius:var(--border-radius);margin-bottom:2rem}.countdown-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.countdown-time{font-size:2rem;font-weight:700;color:var(--error-color);font-variant-numeric:tabular-nums}.testimonials-container{margin-top:2rem}.testimonial-card{background-color:var(--bg-primary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.testimonial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.testimonial-user{font-weight:600;color:var(--text-primary)}.testimonial-rating{display:flex;gap:.25rem}.star{color:#fbbf24;font-size:1rem}.testimonial-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.faq-container{margin-top:2rem}.faq-item{background-color:var(--bg-primary);border-radius:var(--border-radius);margin-bottom:.75rem;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:none;border:none;text-align:left;font-size:1rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast) ease;min-height:44px}.faq-question:hover{background-color:var(--bg-secondary)}.faq-icon{transition:transform var(--transition-fast) ease}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-speed) ease}.faq-item.expanded .faq-answer{max-height:500px}.faq-answer-content{padding:0 1.25rem 1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.footer{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border-color);text-align:center}.legal-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.legal-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast) ease}.legal-links a:hover{color:var(--primary-color)}.support-email{color:var(--text-secondary);font-size:.875rem}.logo{text-align:center;margin-bottom:2rem}.logo-text{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-image{max-width:200px;height:auto}@media (min-width: 768px){#quiz-app{padding:2rem}.step-title{font-size:2.25rem}.emoji-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.course-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){#quiz-app{max-width:800px}}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.navigation,.progress-container{display:none}}.star-rating{display:inline-flex;align-items:center;gap:.5rem}.stars-container{display:inline-flex;gap:.25rem}.star{position:relative;display:inline-block;font-size:1.5rem;line-height:1;color:#fbbf24}.star-empty{position:absolute;top:0;left:0;color:#d1d5db}.star-filled{position:relative;color:#fbbf24}.rating-numeric{font-size:1rem;font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.star{font-size:1.25rem}.rating-numeric{font-size:.875rem}}.app-store-badges{margin:2rem 0;padding:2rem;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.app-store-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.badges-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.app-badge{display:inline-block;transition:transform .2s ease,opacity .2s ease}.app-badge:hover{transform:translateY(-4px);opacity:.9}.app-badge img{height:60px;width:auto;display:block}@media (max-width: 768px){.app-store-badges{padding:1.5rem 1rem}.app-store-title{font-size:1.25rem}.badges-wrapper{flex-direction:column;gap:.75rem}.app-badge img{height:50px}}