.welcome-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-lg)}.welcome-background{position:absolute;inset:0;overflow:hidden;z-index:0}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 6s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--accent-purple);top:-100px;left:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:var(--accent-cyan);bottom:-50px;right:-50px;animation-delay:-2s}.orb-3{width:250px;height:250px;background:var(--accent-pink);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-4s}.welcome-content{position:relative;z-index:1;text-align:center;max-width:600px}.welcome-emoji{font-size:5rem;margin-bottom:var(--space-lg);display:inline-block}.welcome-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg)}@media (max-width:640px){.welcome-title{font-size:var(--font-size-2xl)}.welcome-emoji{font-size:3.5rem}}.welcome-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.6}.welcome-features{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);flex-wrap:wrap}.feature{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.feature-icon{font-size:1.25rem}.start-button{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-lg);font-weight:600;color:white;background:var(--gradient-neon);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%);opacity:0;transition:opacity var(--transition-base)}.start-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 60px rgba(139,92,246,.5)}.start-button:hover:before{opacity:1}.start-button:active{transform:translateY(-1px) scale(1)}.button-arrow{transition:transform var(--transition-base)}.start-button:hover .button-arrow{transform:translateX(5px)}.welcome-hint{margin-top:var(--space-xl);font-size:var(--font-size-sm);color:var(--text-muted)}.progress-container{width:100%;margin-bottom:var(--space-2xl)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-label{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-count{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.progress-track{width:100%;height:8px;background:rgba(255,255,255,.1);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-full);position:relative}.progress-fill{height:100%;background:var(--gradient-neon);transition:width .5s cubic-bezier(.34,1.56,.64,1)}.progress-glow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background:white;border-radius:50%;filter:blur(8px);opacity:.6;animation:pulse 1.5s ease-in-out infinite}.answer-button{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:rgba(30,30,50,.9);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideUp .5s ease forwards;opacity:1}.answer-button:before{content:"";position:absolute;inset:0;background:var(--gradient-neon);opacity:0;transition:opacity var(--transition-base)}.answer-button:hover{border-color:rgba(139,92,246,.5);transform:translateX(10px);box-shadow:var(--shadow-glow-sm)}.answer-button:hover:before{opacity:.1}.answer-button.clicked{transform:scale(.98)}.answer-icon{font-size:1.5rem;flex-shrink:0}.answer-text{flex:1;position:relative;z-index:1}.answer-arrow{font-size:1.25rem;color:var(--text-muted);transition:all var(--transition-base);opacity:0;transform:translateX(-10px)}.answer-button:hover .answer-arrow{opacity:1;transform:translateX(0);color:var(--accent-purple)}.ripple{position:absolute;border-radius:50%;background:rgba(139,92,246,.4);transform:scale(0);animation:ripple .6s ease-out;pointer-events:none;width:20px;height:20px;margin-left:-10px;margin-top:-10px}@media (max-width:640px){.answer-button{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm)}.answer-icon{font-size:1.25rem}}.quiz-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:radial-gradient(ellipse at top,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(ellipse at bottom,rgba(6,182,212,.1) 0,transparent 50%)}.quiz-container{width:100%;max-width:700px}.quiz-card{padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}@media (max-width:640px){.quiz-card{padding:var(--space-lg)}}.question-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.question-emoji{font-size:2.5rem;animation:bounce 1s ease}.question-number{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.question-text{font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:var(--space-2xl);color:var(--text-primary)}@media (max-width:640px){.question-text{font-size:var(--font-size-lg)}.question-emoji{font-size:2rem}}.answers-container{display:flex;flex-direction:column;gap:var(--space-md)}.result-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;overflow:hidden}.result-background{position:absolute;inset:0;z-index:0}.result-orb{position:absolute;width:600px;height:600px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(120px);opacity:.3;animation:pulse 4s ease-in-out infinite}.result-container{position:relative;z-index:1;max-width:600px;width:100%}.result-header{text-align:center;margin-bottom:var(--space-xl)}.result-confetti{font-size:3rem;display:inline-block;animation:bounce 1s ease}.result-title{font-size:var(--font-size-lg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-md)}.result-subtitle{font-size:var(--font-size-xl);font-weight:600;margin-top:var(--space-sm)}.result-card{padding:var(--space-2xl);border-radius:var(--radius-lg);border:2px solid;text-align:center;margin-bottom:var(--space-xl);animation-delay:.2s}@media (max-width:640px){.result-card{padding:var(--space-lg)}}.course-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);color:white;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg)}.course-emoji{font-size:1.25rem}.course-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--course-color),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:640px){.course-title{font-size:var(--font-size-2xl)}}.course-duration{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-lg)}.duration-icon{font-size:1.25rem}.course-description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl);text-align:left}.course-highlights{text-align:left;background:rgba(0,0,0,.2);padding:var(--space-lg);border-radius:var(--radius-md)}.highlights-title{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.highlights-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);padding:0;margin:0}.highlight-item{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-sm)}.highlight-check{color:var(--course-color);font-weight:700;flex-shrink:0}.result-actions{flex-direction:column;animation-delay:.4s}.cta-button,.result-actions{display:flex;gap:var(--space-md)}.cta-button{align-items:center;justify-content:center;padding:var(--space-lg) var(--space-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.cta-button.primary{color:white;border:none;box-shadow:0 4px 20px rgba(0,0,0,.3)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.4)}.cta-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-secondary)}.cta-button.secondary:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);color:var(--text-primary)}.cta-button .button-arrow{transition:transform var(--transition-base)}.cta-button:hover .button-arrow{transform:translateX(5px)}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");.ai-test-app{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:rgba(20,20,35,0.8);--bg-glass:rgba(255,255,255,0.05);--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-neon:linear-gradient(135deg,#8b5cf6,#06b6d4);--gradient-pink:linear-gradient(135deg,#ec4899,#8b5cf6);--level-base:#22c55e;--level-intermedio:#eab308;--level-avanzato:#ef4444;--text-primary:#ffffff;--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.4);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-size-3xl:2.5rem;--font-size-4xl:3.5rem;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--shadow-glow:0 0 40px rgba(139,92,246,0.3);--shadow-glow-sm:0 0 20px rgba(139,92,246,0.2);--shadow-card:0 8px 32px rgba(0,0,0,0.3);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(139,92,246,.4)}50%{box-shadow:0 0 40px rgba(139,92,246,.6)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes bounce{0%,20%,53%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.ai-test-app .animate-fadeIn{animation:fadeIn .6s ease forwards}.ai-test-app .animate-fadeInScale{animation:fadeInScale .5s ease forwards}.ai-test-app .animate-slideUp{animation:slideUp .6s ease forwards}.ai-test-app .animate-pulse{animation:pulse 2s ease-in-out infinite}.ai-test-app .animate-glow{animation:glow 2s ease-in-out infinite}.ai-test-app .animate-float{animation:float 3s ease-in-out infinite}.ai-test-app .animate-bounce{animation:bounce 1s ease}.ai-test-app .glass{background:var(--bg-glass);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.ai-test-app .gradient-text{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-test-app .stagger-1{animation-delay:.1s}.ai-test-app .stagger-2{animation-delay:.2s}.ai-test-app .stagger-3{animation-delay:.3s}.ai-test-app .stagger-4{animation-delay:.4s}.ai-test-app .stagger-5{animation-delay:.5s}