@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-card:#1a1a2eb3;--bg-card-hover:#242442cc;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0006;--accent-cyan:#00d4ff;--accent-purple:#7c3aed;--accent-pink:#f472b6;--accent-green:#10b981;--accent-red:#ef4444;--accent-yellow:#fbbf24;--gradient-primary:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#f472b6);--gradient-button:linear-gradient(135deg,#7c3aed,#00d4ff);--gradient-success:linear-gradient(135deg,#10b981,#00d4ff);--gradient-mesh:radial-gradient(at 40% 20%,#7c3aed26 0px,#0000 50%),radial-gradient(at 80% 0%,#00d4ff1a 0px,#0000 50%),radial-gradient(at 0% 50%,#f472b61a 0px,#0000 50%);--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--glow-cyan:0 0 20px #00d4ff4d;--glow-purple:0 0 20px #7c3aed4d;--glow-pink:0 0 20px #f472b64d;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#12121a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#7c3aed;background:var(--accent-purple);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00d4ff;background:var(--accent-cyan)}::selection{background:#7c3aed66;color:#fff;color:var(--text-primary)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#f472b6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed4d;box-shadow:var(--glow-purple)}50%{box-shadow:0 0 20px #00d4ff4d;box-shadow:var(--glow-cyan)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .6s ease forwards}.App{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.App:before{background:var(--gradient-mesh);bottom:0;content:"";left:0;right:0;top:0}.App:before,.bg-orb{pointer-events:none;position:fixed;z-index:0}.bg-orb{animation:float 8s ease-in-out infinite;border-radius:50%;filter:blur(80px)}.bg-orb-1{animation-delay:0s;background:#7c3aed26;height:400px;right:-100px;top:-100px;width:400px}.bg-orb-2{animation-delay:2s;background:#00d4ff1a;bottom:20%;height:300px;left:-100px;width:300px}.bg-orb-3{animation-delay:4s;background:#f472b61a;height:250px;right:10%;top:50%;width:250px}.App-nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:var(--transition-normal);z-index:100}.App-nav.scrolled{background:#0a0a0ff2}.nav-logo{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:800;transition:var(--transition-fast)}.nav-logo:hover{transform:scale(1.05)}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;position:relative;text-decoration:none}.nav-link,.nav-link:after{transition:var(--transition-fast)}.nav-link:after{background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;width:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.App-header{background:#0000;padding:8rem 2rem 4rem;position:relative;text-align:center;z-index:1}.hero-badge{align-items:center;animation:fadeIn .6s ease forwards;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--accent-cyan);display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-badge span{animation:pulse-glow 2s ease infinite}.App-header h1{animation:slideUp .6s ease forwards;animation-delay:.1s;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1;margin:0 0 1rem;opacity:0}.App-header h1 .gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.App-header p{animation:slideUp .6s ease forwards;animation-delay:.2s;color:var(--text-secondary);font-size:clamp(1rem,2.5vw,1.25rem);margin:0 auto 2rem;max-width:600px;opacity:0}.hero-cta{animation:slideUp .6s ease forwards;animation-delay:.3s;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;opacity:0}.hero-btn{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:var(--transition-normal)}.hero-btn-primary{background:var(--gradient-button);border:none;box-shadow:0 4px 20px #7c3aed66;color:#fff}.hero-btn-primary:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.hero-btn-secondary{background:#0000;border:1px solid var(--glass-border);color:var(--text-primary)}.hero-btn-secondary:hover{background:var(--glass-bg);border-color:var(--accent-purple)}.App-main{display:flex;flex:1 1;flex-direction:column;gap:4rem;margin:0 auto;max-width:1200px;padding:2rem 1.5rem 4rem;position:relative;width:100%;z-index:1}.section-header{margin-bottom:2rem;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.quiz-section{margin-bottom:2rem}.info-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;padding:2rem;position:relative}.info-card,.info-card:before{transition:var(--transition-normal)}.info-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.info-card:hover{border-color:#7c3aed4d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.info-card:hover:before{opacity:1}.info-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:0}.info-card p{color:var(--text-secondary);line-height:1.7}.info-card ul{list-style:none;margin:1rem 0 0;padding:0}.info-card li{color:var(--text-secondary);padding:.5rem 0}.info-card li+li{border-top:1px solid var(--glass-border)}.info-card a{color:var(--accent-cyan);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.info-card a:hover{color:var(--accent-purple)}.play-now-section{margin-bottom:2rem}.quiz-categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.quiz-category-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:var(--transition-normal)}.quiz-category-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.quiz-category-card:hover{border-color:#7c3aed66;box-shadow:0 20px 40px #7c3aed33;transform:translateY(-8px)}.quiz-category-card:hover:before{transform:scaleX(1)}.category-icon{display:block;font-size:3rem;margin-bottom:.5rem;transition:transform .3s ease}.quiz-category-card:hover .category-icon{transform:scale(1.15)}.quiz-category-card h3{color:var(--text-primary);font-size:1.35rem;font-weight:700;margin:0}.quiz-category-card p{color:var(--text-secondary);font-size:.95rem;margin:0}.play-badge{align-items:center;background:var(--gradient-button);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:.35rem;margin-top:.5rem;padding:.4rem 1rem}.sample-preview .info-card{padding:2.5rem}.sample-questions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.sample-question{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:var(--radius-md);padding:1.25rem;transition:var(--transition-normal)}.sample-question:hover{background:#7c3aed26;border-color:#7c3aed4d}.sample-question strong{color:var(--text-primary);display:block;font-size:1rem;margin-bottom:.75rem}.sample-question ul{list-style:none;margin:.75rem 0;padding:0}.sample-question li{border:none;color:var(--text-secondary);font-size:.9rem;margin-bottom:.4rem;padding:0}.sample-question li span{color:var(--accent-cyan);font-weight:600;margin-right:.5rem}.sample-meta{border-top:1px solid var(--glass-border);color:var(--accent-green);font-size:.85rem;margin:.75rem 0 0;padding-top:.75rem}.feature-strip{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition-normal)}.feature-card:hover{border-color:#00d4ff4d;box-shadow:var(--glow-cyan);transform:translateY(-5px)}.feature-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem;margin-top:0}.feature-card p{color:var(--text-secondary);font-size:.95rem;margin:0}.cta-section .info-card{background:linear-gradient(135deg,#7c3aed1a,#00d4ff0d);text-align:center}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem}.cta-buttons button,.cta-link{border-radius:var(--radius-full);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:var(--transition-normal)}.cta-buttons button{background:var(--gradient-button);border:none;box-shadow:0 4px 20px #7c3aed66;color:#fff}.cta-buttons button:hover{box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.cta-link{background:#0000;border:1px solid var(--accent-cyan);color:var(--accent-cyan)}.cta-link:hover{background:#00d4ff1a}.error-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--accent-red);border-radius:var(--radius-md);margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.error-message p{color:var(--accent-red);font-size:1.1rem;margin-bottom:1rem}.error-message button{background:var(--gradient-button);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:var(--transition-normal)}.error-message button:hover{transform:translateY(-2px)}.App-footer{background:var(--bg-secondary);border-top:1px solid var(--glass-border);padding:3rem 2rem;position:relative;text-align:center;z-index:1}.App-footer p{color:var(--text-muted);font-size:.9rem;margin:0 0 1rem}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-links a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.footer-links a:hover{color:var(--accent-cyan)}@media (max-width:768px){.App-nav{padding:1rem}.nav-links{display:none}.App-header{padding:6rem 1.5rem 3rem}.App-header h1{font-size:2.5rem}.App-main{gap:3rem;padding:1.5rem 1rem 3rem}.info-card{padding:1.5rem}.sample-questions{grid-template-columns:1fr}.hero-cta{align-items:center;flex-direction:column}.hero-btn{justify-content:center;max-width:280px;width:100%}}@media (max-width:480px){.feature-strip,.info-sections{grid-template-columns:1fr}}.quiz-generator{display:flex;justify-content:center;padding:1rem;width:100%}.generator-container{max-width:680px;position:relative;width:100%}.generator-main{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;padding:2.5rem;position:relative}.generator-main:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.generator-header{margin-bottom:2rem;text-align:center}.header-icon{animation:float 3s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:.75rem}.generator-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.generator-header p{color:var(--text-secondary);font-size:1rem;margin:0}.input-toggle{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-full);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.35rem}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:var(--transition-normal)}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--gradient-button);box-shadow:0 4px 15px #7c3aed66;color:#fff}.toggle-icon{font-size:1.1rem}.generator-form{display:flex;flex-direction:column;gap:1.25rem}.input-wrapper{position:relative}.main-input{background:#ffffff05;border:2px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.6;padding:1.25rem;resize:none;transition:var(--transition-normal);width:100%}.main-input::placeholder{color:var(--text-muted)}.main-input:focus{background:#ffffff0a;border-color:var(--accent-purple);box-shadow:0 0 0 4px #7c3aed26;outline:none}.main-input:disabled{cursor:not-allowed;opacity:.5}.input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.75rem;padding:0 .25rem}.char-count{color:var(--text-muted);font-size:.8rem}.settings-toggle{align-items:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;transition:var(--transition-fast)}.settings-toggle:hover{background:#ffffff0f;border-color:var(--accent-purple);color:var(--text-primary)}.arrow{font-size:.7rem;transition:transform .3s ease}.arrow.up{transform:rotate(180deg)}.settings-panel{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease,opacity .3s ease}.settings-panel.open{max-height:300px;opacity:1;padding-top:1rem}.settings-grid{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.setting-item label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.6rem}.pill-group{display:flex;flex-wrap:wrap;gap:.5rem}.pill{align-items:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem 1rem;transition:var(--transition-fast)}.pill:hover{border-color:var(--accent-purple);color:var(--text-primary)}.pill.active{background:var(--gradient-button);border-color:#0000;box-shadow:0 2px 10px #7c3aed4d;color:#fff}.pill-easy.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b9814d}.pill-hard.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef44444d}.timer-setting label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.5rem}.timer-setting input[type=checkbox]{accent-color:var(--accent-purple);cursor:pointer;height:18px;width:18px}.timer-label{font-weight:500}.timer-select{background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.6rem 1rem;transition:var(--transition-fast)}.timer-select:focus{border-color:var(--accent-purple);outline:none}.timer-select option{background:var(--bg-secondary)}.generate-btn{align-items:center;background:var(--gradient-button);border:none;border-radius:var(--radius-full);box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1.15rem 2rem;position:relative;transition:var(--transition-normal)}.generate-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.generate-btn:hover:not(:disabled):before{left:100%}.generate-btn:hover:not(:disabled){box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{font-size:1.2rem}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.quick-info{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem;justify-content:center}.quick-info .divider{opacity:.4}.loading-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ff2;border-radius:var(--radius-xl);display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.loading-content{padding:2rem;text-align:center}.loading-spinner{height:80px;margin:0 auto 1.5rem;position:relative;width:80px}.spinner-ring{animation:spin 1.5s linear infinite;border:3px solid #0000;border-radius:50%;position:absolute}.spinner-ring:first-child{animation-duration:1.5s;border-top-color:var(--accent-cyan);height:80px;width:80px}.spinner-ring:nth-child(2){animation-direction:reverse;animation-duration:1.2s;border-top-color:var(--accent-purple);height:60px;left:10px;top:10px;width:60px}.spinner-ring:nth-child(3){animation-duration:.9s;border-top-color:var(--accent-pink);height:40px;left:20px;top:20px;width:40px}.loading-content h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin:0 0 .5rem}.loading-content p{color:var(--text-secondary);margin:0 0 1.5rem}.loading-tips{background:#ffffff08;border-radius:var(--radius-full);color:var(--text-muted);display:inline-block;font-size:.85rem;padding:.75rem 1.5rem}@media (max-width:640px){.generator-main{padding:1.75rem}.generator-header h2{font-size:1.5rem}.header-icon{font-size:2.5rem}.toggle-btn{font-size:.9rem;padding:.6rem .75rem}.generate-btn{font-size:1rem;padding:1rem 1.5rem}.pill-group{flex-wrap:wrap}.pill{flex:1 1;justify-content:center;min-width:calc(33% - .5rem)}}.quiz-display{margin:0 auto;max-width:900px}.quiz-header{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:1.5rem 2rem;position:relative}.quiz-header:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.quiz-header>div{flex:1 1}.quiz-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.progress-container{margin-top:1rem}.progress-label{color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#ffffff1a;height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--gradient-primary);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.reset-button{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition-normal);white-space:nowrap}.reset-button:hover{background:var(--gradient-button);border-color:#0000;box-shadow:0 4px 15px #7c3aed4d}.timer-display{align-items:center;background:#00d4ff1a;border:2px solid var(--accent-cyan);border-radius:var(--radius-full);color:var(--accent-cyan);display:inline-flex;font-size:1.75rem;font-weight:700;gap:.5rem;margin-top:.75rem;padding:.5rem 1.25rem}.timer-display.timer-warning{animation:pulse 1s infinite;background:#fbbf241a;border-color:var(--accent-yellow);color:var(--accent-yellow)}.timer-display.timer-expired{background:#ef44441a;border-color:var(--accent-red);color:var(--accent-red)}.timer-expired-message{color:var(--accent-red);font-size:.95rem;font-weight:600;margin-top:.75rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.questions-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.keyboard-hint{background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:var(--radius-full);color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem}.keyboard-hint,.keyboard-hint kbd{align-items:center;justify-content:center}.keyboard-hint kbd{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:4px;color:var(--accent-cyan);display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:600;height:24px;min-width:24px;padding:0 .5rem}.streak-badge{align-items:center;animation:bounceIn .4s ease;background:linear-gradient(135deg,#10b98126,#00d4ff1a);border:1px solid #10b9814d;border-radius:var(--radius-full);color:var(--accent-green);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem 1.5rem}.streak-badge.hot{animation:bounceIn .4s ease,pulseGlow 1.5s ease infinite;background:linear-gradient(135deg,#fbbf2433,#ef444426);border-color:#fbbf2466;color:var(--accent-yellow)}.streak-count{font-weight:700}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #fbbf244d}50%{box-shadow:0 0 25px #fbbf2480}}.result-emoji{animation:bounceIn .6s ease;font-size:4rem;margin-bottom:.5rem}.result-message{color:var(--text-secondary);font-size:1.1rem;margin:0 0 1rem}.max-streak{background:#fbbf2426;border:1px solid #fbbf244d;border-radius:var(--radius-full);color:var(--accent-yellow);display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.question-card{animation:fadeIn .4s ease forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition-normal)}.question-card:hover{border-color:#7c3aed33}.question-card.focused{border-color:var(--accent-purple);box-shadow:0 0 0 3px #7c3aed33,var(--glow-purple)}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.question-number{color:var(--accent-cyan);font-size:.85rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.result-badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem 1rem}.result-badge.correct{background:#10b98126;border:1px solid #10b9814d;color:var(--accent-green)}.result-badge.incorrect{background:#ef444426;border:1px solid #ef44444d;color:var(--accent-red)}.question-text{color:var(--text-primary);font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem}.options-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.option-button{align-items:center;background:#ffffff05;border:2px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:var(--transition-normal)}.option-button:hover:not(:disabled){background:#7c3aed14;border-color:var(--accent-purple);transform:translateX(5px)}.option-button.selected{background:#7c3aed26;border-color:var(--accent-purple);box-shadow:var(--glow-purple)}.option-button.correct-answer{background:#10b98126;border-color:var(--accent-green)}.option-button.incorrect-answer{background:#ef444426;border-color:var(--accent-red)}.option-button:disabled{cursor:default}.option-label{align-items:center;background:#ffffff0d;border-radius:var(--radius-sm);color:var(--accent-cyan);display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;min-width:32px}.option-button.selected .option-label{background:var(--accent-purple);color:#fff}.option-button.correct-answer .option-label{background:var(--accent-green);color:#fff}.option-button.incorrect-answer .option-label{background:var(--accent-red);color:#fff}.option-text{color:var(--text-primary);flex:1 1}.checkmark,.cross{font-size:1.25rem;font-weight:700}.checkmark{color:var(--accent-green)}.cross{color:var(--accent-red)}.explanation{animation:fadeIn .3s ease;background:#7c3aed14;border-left:4px solid var(--accent-purple);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-top:1.25rem;padding:1.25rem}.explanation strong{color:var(--accent-purple);display:block;margin-bottom:.5rem}.results-summary{animation:fadeIn .5s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative;text-align:center}.results-summary:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.results-summary h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.results-summary .score{color:var(--text-secondary);font-size:1.15rem;margin-bottom:.5rem}.results-summary .percentage{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;margin:0}.share-button{align-items:center;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem;transition:var(--transition-normal)}.share-button:hover{background:#00d4ff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.results-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.export-button{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:var(--radius-full);color:var(--accent-purple);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:var(--transition-normal)}.export-button:hover{background:var(--gradient-button);border-color:#0000;box-shadow:0 4px 15px #7c3aed4d;color:#fff;transform:translateY(-2px)}.topic-suggestions{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-top:2rem;padding:2rem;text-align:center}.topic-suggestions h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.topic-suggestions>p{color:var(--text-secondary);margin:0 0 1.5rem}.suggested-topics{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.topic-chip{align-items:center;animation:slideIn .4s ease forwards;background:linear-gradient(135deg,#7c3aed1a,#00d4ff0d);border:1px solid #7c3aed33;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;opacity:0;padding:.75rem 1.25rem;transition:var(--transition-normal)}.topic-chip:hover{background:var(--gradient-button);border-color:#0000;box-shadow:0 8px 25px #7c3aed66;transform:translateY(-3px) scale(1.02)}.topic-icon{font-size:1.1rem}.topic-arrow{opacity:0;transform:translateX(-5px);transition:var(--transition-fast)}.topic-chip:hover .topic-arrow{opacity:1;transform:translateX(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.new-quiz-button,.submit-button{background:var(--gradient-button);border:none;border-radius:var(--radius-full);box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1.1rem 2.5rem;position:relative;transition:var(--transition-normal)}.new-quiz-button:before,.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.new-quiz-button:hover:before,.submit-button:hover:not(:disabled):before{left:100%}.new-quiz-button:hover,.submit-button:hover:not(:disabled){box-shadow:0 8px 30px #7c3aed80;transform:translateY(-3px)}.submit-button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.quiz-header{flex-direction:column;gap:1rem;padding:1.5rem}.reset-button{width:100%}.timer-display{font-size:1.4rem;padding:.4rem 1rem}.question-card{padding:1.5rem}.question-text{font-size:1.1rem}.results-summary{padding:2rem 1.5rem}.results-summary .percentage{font-size:2.5rem}.quiz-actions{align-items:center;flex-direction:column}.new-quiz-button,.submit-button{max-width:300px;width:100%}}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti-particle{animation:confetti-fall 3s ease-out forwards;height:12px;opacity:0;position:absolute;top:-20px;width:12px}.confetti-particle:nth-child(odd){border-radius:50%}.confetti-particle:nth-child(2n){border-radius:2px}@keyframes confetti-fall{0%{opacity:1;top:-20px;transform:translateX(0) rotate(0deg)}25%{opacity:1;transform:translateX(30px) rotate(90deg)}50%{opacity:.8;transform:translateX(-20px) rotate(180deg)}75%{opacity:.5;transform:translateX(25px) rotate(270deg)}to{opacity:0;top:100vh;transform:translateX(-15px) rotate(1turn)}}
/*# sourceMappingURL=main.10af0d61.css.map*/