@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#10b981,#059669);--success-light:linear-gradient(135deg,#d1fae5,#a7f3d0);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--danger-light:linear-gradient(135deg,#fee2e2,#fecaca);--background:linear-gradient(135deg,#667eea,#764ba2);--surface:#fff;--surface-elevated:linear-gradient(135deg,#f8fafc,#fff);--card-gradient:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff);--card-border-gradient:linear-gradient(135deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);--glass-effect:#ffffff40;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--success-border:#10b981;--danger-border:#ef4444;--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;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-success:0 10px 15px -3px #10b98133,0 4px 6px -4px #10b9811a;--shadow-danger:0 10px 15px -3px #ef444433,0 4px 6px -4px #ef44441a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}.app-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff);background:var(--card-gradient);background-clip:padding-box;border:1px solid #0000;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 0 1px #ffffff40;box-shadow:var(--shadow-xl),0 0 0 1px var(--glass-effect);margin:2rem auto;max-width:480px;overflow:hidden;padding:2rem;position:relative}.app-container:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:4px}.app-container:after,.app-container:before{content:"";left:0;position:absolute;right:0;top:0}.app-container:after{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 50%,#ffffff1a);border-radius:1rem;border-radius:var(--radius-xl);bottom:0;pointer-events:none}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2rem}footer,h1{text-align:center}footer{color:#94a3b8;color:var(--text-muted);font-size:.875rem;font-weight:400;margin-top:2rem}.loader{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.loader-spinner{animation:spin 1s linear infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:3px solid #e2e8f0;border:3px solid var(--border);border-radius:50%;border-top:3px solid #0000;height:40px;margin-bottom:1rem;width:40px}.loader-text{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz-box{animation:fadeIn .5s ease-out;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.score-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:var(--surface-elevated);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background-image:var(--card-border-gradient);background-origin:border-box;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative}.score-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.score-card:hover:before{left:100%}.score-text{color:#64748b;color:var(--text-secondary)}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background:var(--success-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700}.question-card{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff);background:var(--card-gradient);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff),linear-gradient(135deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background-image:var(--card-gradient),var(--card-border-gradient);background-origin:border-box;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a,0 0 20px #667eea1a,inset 0 1px 0 #fff9;box-shadow:var(--shadow-lg),0 0 20px #667eea1a,inset 0 1px 0 #fff9;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.question-card:before{background:radial-gradient(circle at 50% 0,#667eea08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.question-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 30px #667eea26,inset 0 1px 0 #fffc;box-shadow:var(--shadow-xl),0 0 30px #667eea26,inset 0 1px 0 #fffc;transform:translateY(-4px)}.question-card h2{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.5;margin:0 0 1.5rem}.answer-options{display:flex;flex-direction:column;gap:.75rem}.answer-button{background:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff);background:var(--card-gradient);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#f8fafc,#fff),linear-gradient(135deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background-image:var(--surface-elevated),var(--card-border-gradient);background-origin:border-box;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d,inset 0 1px 0 #ffffff80;box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff80;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 1.25rem;position:relative;text-align:left;transition:all .2s ease}.answer-button:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.answer-button:hover{border-color:#667eea;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.answer-button:hover:before{left:0}.answer-button:hover{color:#fff}.answer-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;transform:scale(1.02)}.answer-button.selected:before{display:none}.answer-button.correct{animation:correctPulse .6s ease-out;background:linear-gradient(135deg,#10b981,#059669)!important;background:var(--success-gradient)!important;border-color:#10b981!important;border-color:var(--success-border)!important;box-shadow:0 10px 15px -3px #10b98133,0 4px 6px -4px #10b9811a!important;box-shadow:var(--shadow-success)!important;color:#fff!important}.answer-button.incorrect{animation:incorrectShake .6s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626)!important;background:var(--danger-gradient)!important;border-color:#ef4444!important;border-color:var(--danger-border)!important;box-shadow:0 10px 15px -3px #ef444433,0 4px 6px -4px #ef44441a!important;box-shadow:var(--shadow-danger)!important;color:#fff!important}.answer-button.correct:after{animation:checkmarkAppear .3s ease-out .2s both;content:"✓"}.answer-button.correct:after,.answer-button.incorrect:after{font-size:1.25rem;font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.answer-button.incorrect:after{animation:crossAppear .3s ease-out .2s both;content:"✗"}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes checkmarkAppear{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes crossAppear{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}.answer-button:disabled{cursor:not-allowed;transform:none}.answer-button:disabled:hover{box-shadow:none;transform:none}.answer-button:disabled:hover:before{left:-100%}.result-card{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff);background:var(--card-gradient);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#fff,#f1f5f9 50%,#fff),linear-gradient(135deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background-image:var(--card-gradient),var(--card-border-gradient);background-origin:border-box;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 40px #667eea33,inset 0 1px 0 #fff9;box-shadow:var(--shadow-xl),0 0 40px #667eea33,inset 0 1px 0 #fff9;overflow:hidden;padding:2rem;position:relative;text-align:center}.result-card:before{background:radial-gradient(circle at 50% 20%,#667eea0d 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.result-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);background:var(--success-gradient);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.final-score{background:linear-gradient(135deg,#f8fafc,#fff);background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding:1rem}.final-score b{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.restart-btn{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--danger-gradient);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease}.restart-btn:before{background:linear-gradient(135deg,#ff6b6b,#ee5a24);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.restart-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.restart-btn:hover:before{left:0}.restart-btn:active{transform:translateY(0)}.q-count{align-items:center;background:linear-gradient(135deg,#f8fafc,#fff);background:var(--surface-elevated);background-clip:padding-box,border-box;background-image:linear-gradient(135deg,#f8fafc,#fff),linear-gradient(135deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background-image:var(--surface-elevated),var(--card-border-gradient);background-origin:border-box;border:2px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d,inset 0 1px 0 #fff6;box-shadow:var(--shadow-sm),inset 0 1px 0 #fff6;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;justify-content:center;margin-top:1.5rem;overflow:hidden;padding:.75rem 1rem;position:relative}.q-count:after{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.q-count:before{content:"🧩";font-size:1rem;margin-right:.5rem}.error{animation:shake .5s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;border-radius:var(--radius-lg);color:#ef4444;font-size:1.125rem;font-weight:500;margin:2rem 0;padding:1.5rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:640px){.app-container{margin:1rem;padding:1.5rem}h1{font-size:2rem}.question-card{padding:1rem}.answer-button{padding:.875rem 1rem}.result-card{padding:1.5rem}}
/*# sourceMappingURL=main.b2017483.css.map*/