body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fb;color:#222;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:Fira Mono,Menlo,Monaco,Consolas,Courier New,monospace}html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}:root{--primary-color:#3fadb5;--primary-hover:#5c6bc0;--secondary-color:#ff4081;--secondary-hover:#ff80ab;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--primary-bg:#f8f9fa;--secondary-bg:#fff;--card-bg:#fff;--text-primary:#2c3e50;--text-secondary:#546e7a;--border-color:#e0e0e0;--shadow:0 4px 6px #0000001a;--hover-bg:#0000000d}.dark-mode{--primary-bg:#1a1a2e;--secondary-bg:#16213e;--card-bg:#1f2937;--text-primary:#fff;--text-secondary:#94a3b8;--border-color:#2d3748;--shadow:0 4px 6px #0000004d;--hover-bg:#ffffff0d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.App{background-color:#f8f9fa;background-color:var(--primary-bg);color:#2c3e50;color:var(--text-primary);min-height:100vh;transition:all .3s ease}.quiz-container{margin:0 auto;max-width:900px;padding:2rem}.menu-container,.quiz-section,.result-container{background-color:#fff;background-color:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-top:2rem;padding:2rem}.button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.8rem 1.5rem;transition:all .3s ease}.button-primary{background-color:#3fadb5;background-color:var(--primary-color);color:#fff}.button-secondary{background-color:#ff4081;background-color:var(--secondary-color);color:#fff}.button:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);transform:translateY(-2px)}.fade-enter-active,.fade-exit-active{transition:opacity .3s ease-in}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.loading-spinner{animation:spin 1s linear infinite;border-top:5px solid var(--border-color);border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:1rem;width:50px}.loading-container p{color:var(--text-secondary);font-size:1.1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.quiz-body{display:flex;flex-direction:column;width:80%}.question{height:6rem;overflow:auto}.options-container button{margin-top:10px}.button-container{align-self:flex-end}.button-container button{background-color:#0a7575;border:none;border-radius:5px;color:#fff;font-size:large;font-weight:bolder;padding:10px}.button-container button:hover{cursor:pointer}.single{border:.1rem solid #9bca9b;border-radius:10px;color:#dff9fb;outline:none}.select,.single{margin-top:10px;padding:10px}.select{background-color:#36856d;border:none;border-radius:10px;color:#fff}.single:hover{cursor:pointer}.skill-label{align-self:center;color:#feca57;font-size:2rem;font-weight:600;margin-bottom:1rem}@media screen and (max-width:600px){.quiz-body{align-items:center;align-self:center;padding:0}.question{font-size:1rem}.options-container{flex-direction:column;flex-wrap:nowrap;height:20rem;justify-content:center;width:auto}.button-container{align-self:center;margin-top:1rem}}.quiz-content{background:#fff;border-radius:20px;box-shadow:0 2px 10px #0000001a;margin:1rem auto 0;max-width:800px;padding:20px;width:100%}.quiz-header{margin-bottom:20px;text-align:center}.progress-text{color:#333;font-size:1rem;margin-bottom:10px}.question-container{background:#fff;border-radius:15px;padding:20px}.question{color:#2c3e50;font-size:1.2rem;margin-bottom:30px;text-align:center}.options-container{display:flex;flex-direction:column;gap:12px}.option-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;padding:15px 20px;text-align:left;transition:all .2s ease;width:100%}.option-button:hover:not(:disabled){background:#f8f9fa;border-color:#4834d4}.option-index{color:#666;font-weight:500;margin-right:15px}.option-text{flex:1 1}.option-button.selected{background:#4834d4;border-color:#4834d4;color:#fff}.option-button.selected .option-index{color:#fff}.option-button.correct{background:#27ae60;border-color:#27ae60;color:#fff}.option-button.incorrect{background:#e74c3c;border-color:#e74c3c;color:#fff}.option-button:disabled{cursor:not-allowed;opacity:.7}@media screen and (max-width:768px){.quiz-content{border-radius:15px;margin:10px;padding:15px}.question{font-size:1.1rem}.option-button{padding:12px 15px}}@media screen and (max-width:480px){.quiz-content{margin:5px;padding:10px}.question{font-size:1rem}.option-button{font-size:.95rem;padding:10px}.option-index{margin-right:10px}}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.result{display:flex;flex-direction:column;font-size:2rem;gap:2rem}.score{color:#2ed573}.reset-btn{background-color:#ea8685;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem}.result-content{align-items:center;background:#f8f9fa;display:flex;height:100vh;justify-content:center;width:100%}.result-card{background:#fff;border-radius:15px;box-shadow:0 2px 15px #0000001a;margin:1rem;max-width:400px;overflow:hidden;padding:1.5rem;width:90%}.result-title{color:#2d3436;font-size:1.5rem;text-align:center}.result-info,.result-title{margin-bottom:1.5rem}.info-item{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.info-label{color:#636e72;font-size:.9rem;margin-bottom:.3rem}.info-value{color:#2d3436;font-size:1.2rem;font-weight:600;text-transform:capitalize}.score-section{background:#4834d4;border-radius:12px;color:#fff;margin:1.5rem 0;padding:1.5rem;text-align:center}.score-label{font-size:1rem;margin-bottom:.5rem;opacity:.9}.score-value{font-size:2.5rem;font-weight:700}.result-actions{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.8rem;transition:all .2s ease;width:100%}.action-button.retry{background:#4834d4;color:#fff}.action-button.retry:hover{background:#3a2bb7;transform:translateY(-1px)}.action-button.new-topic{background:#ff4757;color:#fff}.action-button.new-topic:hover{background:#e0394a;transform:translateY(-1px)}@media screen and (min-width:481px) and (max-width:768px){.result-card{padding:2rem;width:85%}.result-title{font-size:1.8rem}.info-label{font-size:1rem}.info-value{font-size:1.3rem}.score-value{font-size:3rem}.action-button{font-size:1rem;padding:1rem}}@media screen and (max-width:480px){.result-card{margin:.5rem;padding:1.2rem;width:95%}.result-title{font-size:1.3rem;margin-bottom:1.2rem}.info-label{font-size:.85rem}.info-value{font-size:1.1rem}.score-section{margin:1.2rem 0;padding:1.2rem}.score-label{font-size:.9rem}.score-value{font-size:2.2rem}.result-actions{gap:.6rem}.action-button{font-size:.85rem;padding:.7rem}}@media screen and (max-width:320px){.result-card{padding:1rem}.result-title{font-size:1.2rem;margin-bottom:1rem}.info-label{font-size:.8rem}.info-value{font-size:1rem}.score-section{margin:1rem 0;padding:1rem}.score-value{font-size:2rem}.action-button{font-size:.8rem;padding:.6rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card{animation:slideUp .4s ease-out}.timer-1{background-color:#faa;font-size:1.6rem;padding:1rem;position:absolute;right:1rem;top:1rem}@media screen and (max-width:600px){.timer-1{right:auto}}.timer{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);padding:1rem;text-align:center;width:100%}.timer-display{color:var(--text-primary);font-family:monospace;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.timer-progress{background:var(--border-color);border-radius:2px;height:4px;overflow:hidden;width:100%}.timer-bar{background:var(--primary-color);height:100%;transition:width 1s linear}.timer-warning .timer-display{color:var(--warning-color)}.timer-warning .timer-bar{background:var(--warning-color)}.timer-danger .timer-display{animation:pulse 1s infinite;color:var(--error-color)}.timer-danger .timer-bar{background:var(--error-color)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media screen and (max-width:768px){.timer{padding:.8rem}.timer-display{font-size:1.1rem}}@media screen and (max-width:480px){.timer{padding:.6rem}.timer-display{font-size:1rem}}.header{background:var(--card-bg);box-shadow:0 2px 12px #5070ff0f;justify-content:space-between;padding:1.8rem 2.5rem;position:sticky;top:0;transition:background var(--transition),box-shadow var(--transition);z-index:10}.header,.logo{align-items:center;display:flex}.logo{gap:.7rem}.logo-icon{font-size:1.2rem;margin-right:.2rem}.logo h1{color:var(--primary-color);font-size:1.4rem;font-weight:800;letter-spacing:.5px;margin:0}.logo-highlight{color:var(--secondary-color)}.header-controls{align-items:center;cursor:pointer;display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.2rem;gap:2rem}.header-control-item:hover{color:var(--secondary-color);text-decoration:underline}.theme-toggle{align-items:center;background:var(--secondary-bg);border:1.5px solid var(--border-color);border-radius:999px;cursor:pointer;display:flex;height:32px;margin-left:3rem;outline:none;padding:0;position:relative;transition:border var(--transition),background var(--transition);width:52px}.theme-toggle .toggle-track{align-items:center;display:flex;height:100%;justify-content:flex-start;padding:0 4px;transition:background var(--transition);width:100%}.theme-toggle .toggle-thumb{align-items:center;background:var(--primary-bg);border-radius:50%;box-shadow:0 2px 8px #5070ff14;display:flex;font-size:1.2rem;height:24px;justify-content:center;transform:translateX(0);transition:transform var(--transition),background var(--transition);width:24px}.theme-toggle.dark .toggle-thumb{background:var(--primary-color);color:#fff;transform:translateX(20px)}.theme-toggle:focus{border-color:var(--primary-color)}.mobile-only{display:none}@media (max-width:600px){.header{border-radius:0 0 var(--radius) var(--radius);max-width:100%;padding:.7rem 1rem}.desktop-only{display:none}.mobile-only{display:inline;display:initial}.logo h1{font-size:1.1rem}.logo-icon{font-size:1.3rem}.sidebar{background-color:#000;left:0;position:absolute;top:0;width:100%}.sidebar-close{position:absolute;right:0;top:0}.sidebar-nav{display:flex;flex-direction:column;gap:1.2rem;padding:1rem}}.progress-container{margin:1rem 0;width:100%}.progress-info{color:var(--text-primary);margin-bottom:.5rem;text-align:center}.progress-bar{background-color:#caabab;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:#d83a3a;height:100%;transition:width .3s ease}.banner-container{align-items:center;background:#18171a;box-shadow:0 4px 32px #0000001f;display:flex;gap:2rem;justify-content:space-between;min-height:60vh;padding:3.5rem 4vw}.home-left{align-items:flex-start;display:flex;flex:1 1 60%;flex-direction:column;justify-content:center;min-width:280px}.home-title{color:#ececec;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.2rem}.home-subtitle{color:#bdbdbd;font-size:1.2rem;font-weight:500;margin-bottom:2.2rem}.home-play-btn{align-items:center;background:#a16207;border:none;border-radius:10px;box-shadow:0 2px 8px #a1620714;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;font-weight:700;gap:.7rem;padding:.9rem 2.2rem;transition:background .2s,transform .2s}.home-play-btn:hover{background:#d97706;transform:translateY(-2px) scale(1.03)}.btn-icon{font-size:1.3rem}.home-right{flex:1 1 40%;min-width:220px}.home-illustration,.home-right{align-items:center;display:flex;justify-content:center}.home-illustration{height:180px;width:180px}@media (max-width:900px){.home-container{align-items:flex-start;flex-direction:column;min-height:50vh;padding:2rem 1rem}.home-right{display:none}.home-illustration{height:120px;width:120px}.home-title{font-size:2.1rem}}@media (max-width:600px){.home-container{min-height:40vh;padding:1.2rem .5rem}.home-title{font-size:1.3rem}.home-subtitle{font-size:1rem}.home-illustration{height:80px;width:80px}}.categories-section{align-items:flex-start;background:#1d1d21;box-shadow:0 4px 32px #0000001a;display:flex;gap:2.5rem;justify-content:space-between;padding:3.5rem 4vw}.categories-left{align-items:flex-start;display:flex;flex:1 1 60%;flex-direction:column;min-width:280px}.categories-title{color:#ececec;font-size:2.3rem;font-weight:800;letter-spacing:.5px;margin-bottom:2.2rem}.categories-cards{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.2rem}.category-card{align-items:center;background:#23232b;border-radius:14px;box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;flex-direction:column;min-height:140px;min-width:160px;padding:2.2rem 2.5rem 1.5rem;transition:background .2s,transform .2s,box-shadow .2s}.category-card:hover{background:#2d2d3a;box-shadow:0 6px 24px #5070ff1a;transform:translateY(-4px) scale(1.03)}.category-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1.1rem}.category-name{color:#fff;font-size:1.18rem;font-weight:700;letter-spacing:.2px}.categories-desc{color:#bdbdbd;font-size:1.08rem;font-weight:500;margin-top:1.5rem}.categories-link{color:#3b82f6;font-weight:600;text-decoration:underline;transition:color .2s}.categories-link:hover{color:#f43f5e}.categories-right{flex:1 1 40%;min-width:220px}.categories-illustration,.categories-right{align-items:center;display:flex;justify-content:center}.categories-illustration{height:110px;width:140px}@media (max-width:900px){.categories-section{align-items:flex-start;flex-direction:column;min-height:50vh;padding:2rem 1rem}.categories-right{justify-content:flex-start;margin-top:2rem;width:100%}.categories-illustration{height:80px;width:100px}.categories-title{font-size:1.5rem}.categories-cards{gap:1rem}.category-card{min-height:100px;min-width:120px;padding:1.2rem 1.2rem 1rem}}@media (max-width:600px){.categories-section{min-height:40vh;padding:1.2rem .5rem}.categories-title{font-size:1.1rem}.categories-desc{font-size:.98rem}.categories-illustration{height:50px;width:60px}}.footer{background:#22130b;color:#bdbdbd;font-size:1.08rem;padding:3.5rem 0 0}.footer-main{align-items:flex-start;display:flex;gap:2.5rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 4vw}.footer-col{flex:1 1 30%;margin-bottom:2.5rem;min-width:180px}.brand-col{flex:1 1 40%;min-width:260px}.footer-brand{color:#ececec;font-size:2rem;font-weight:900;letter-spacing:.5px;margin-bottom:1.2rem}.brand-highlight{color:#a16207}.footer-contact{font-size:1.08rem;margin-bottom:1.2rem}.contact-label{color:#ececec;font-weight:700}.contact-email{color:#bdbdbd;font-size:1.05rem}.footer-social{display:flex;gap:1.2rem;margin-top:.7rem}.footer-social-icon svg{display:block;transition:transform .2s,filter .2s}.footer-social-icon:hover svg{filter:brightness(1.3);transform:scale(1.15)}.footer-heading{color:#ececec;font-size:1.13rem;font-weight:800;margin-bottom:1.1rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.7rem}.footer-links a{color:#bdbdbd;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#a16207}.footer-divider{border:none;border-top:1.5px solid #23232b;margin:0 auto 1.2rem;max-width:1200px}.footer-bottom{align-items:center;color:#bdbdbd;display:flex;font-size:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 4vw 1.5rem}.footer-copyright{font-size:1.05rem}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{color:#bdbdbd;font-size:1.01rem;text-decoration:underline;transition:color .2s}.footer-legal a:hover{color:#a16207}@media (max-width:900px){.footer-main{flex-direction:column;gap:1.5rem;padding:0 1rem}.footer-bottom{flex-direction:column;gap:.7rem;padding:0 1rem 1.2rem}}@media (max-width:600px){.footer{padding:2rem 0 0}.footer-main{padding:0 .5rem}.footer-bottom{font-size:.95rem;padding:0 .5rem 1rem}.footer-brand{font-size:1.2rem}}
/*# sourceMappingURL=main.c7b98918.css.map*/