body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.welcome-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.welcome-hero{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;padding:40px;text-align:center;width:100%}.welcome-hero h1{color:#333;font-size:3rem;font-weight:700;margin-bottom:10px}.welcome-subtitle{color:#666;font-size:1.2rem}.categories-section,.welcome-subtitle{margin-bottom:40px}.categories-section h2{color:#333;font-size:1.8rem;margin-bottom:10px}.category-instruction{color:#666;font-size:1rem;margin-bottom:20px}.category-controls{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.control-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.control-button:hover{background:#667eea;color:#fff}.categories-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.category-button{background:#fff;border:2px solid #e1e5e9;border-radius:12px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:15px 20px;position:relative;transition:all .3s ease}.category-button:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea33;transform:translateY(-2px)}.category-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.category-button.selected:after{content:"✓";font-size:1.2rem;font-weight:700;position:absolute;right:8px;top:5px}.selected-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.selected-info p{color:#333;font-weight:500;margin:0}.start-quiz-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 10px 20px #667eea33;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:15px 40px;transition:all .3s ease}.start-quiz-button:hover{box-shadow:0 15px 30px #667eea4d;transform:translateY(-2px)}.start-quiz-button:active{transform:translateY(0)}.error-message,.loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}.error-message{background:#fff;border-radius:12px;box-shadow:0 10px 20px #0000001a;color:#e74c3c}@media (max-width:768px){.welcome-hero{padding:30px 20px}.welcome-hero h1{font-size:2.5rem}.categories-grid{grid-template-columns:1fr}.category-controls{align-items:center;flex-direction:column}.start-quiz-button{font-size:1.1rem;padding:12px 30px}}@media (max-width:480px){.welcome-container{padding:10px}.welcome-hero{padding:20px 15px}.welcome-hero h1{font-size:2rem}}.question-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto 2rem;max-width:800px;padding:2rem}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.difficulty{border-radius:20px;font-size:.8rem;font-weight:700;padding:.25rem .75rem;text-transform:uppercase}.difficulty.easy{background-color:#d4edda;color:#155724}.difficulty.medium{background-color:#fff3cd;color:#856404}.difficulty.hard{background-color:#f8d7da;color:#721c24}.category{background-color:#e9ecef;border-radius:20px;color:#495057;font-size:.8rem;padding:.25rem .75rem}.question-text{color:#2c3e50;font-size:1.5rem;line-height:1.6;margin-bottom:2rem}.options-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease}.option:hover:not(:disabled){background-color:#f8f9fa;border-color:#007bff}.option.selected{background-color:#e3f2fd;border-color:#007bff}.option.correct{background-color:#d4edda;border-color:#28a745;color:#155724}.option.incorrect{background-color:#f8d7da;border-color:#dc3545;color:#721c24}.option:disabled{cursor:not-allowed}.result{border-radius:8px;font-size:1.1rem;font-weight:700;padding:1rem;text-align:center}.result.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.result.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result p{font-weight:400;margin:.5rem 0 0}.quiz-stats{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;gap:2rem;justify-content:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;padding:1.5rem}.quiz-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;text-align:center}.stat-label{color:#6c757d;font-size:.9rem;margin-bottom:.5rem}.stat-value{color:#2c3e50;font-size:1.5rem;font-weight:700}.stat-value.correct,.stat-value.good{color:#28a745}.stat-value.average{color:#ffc107}.stat-value.poor{color:#dc3545}@media (max-width:768px){.quiz-stats{flex-direction:column;gap:1rem}.stat-item{flex-direction:row;justify-content:space-between;width:100%}}.quiz-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.quiz-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:20px 0;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.back-button,.reset-stats-button{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-button:hover,.reset-stats-button:hover{background:#667eea;color:#fff}.quiz-title{flex:1 1;margin:0 20px;text-align:center}.quiz-title h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.selected-categories{color:#666;font-size:.9rem;font-weight:500;margin:5px 0 0}.quiz-main{margin:0 auto;max-width:800px;padding:40px 20px}.error-message{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;margin-bottom:20px;padding:15px;text-align:center}.retry-button{background:#c53030;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 16px;transition:background .3s ease}.retry-button:hover{background:#9b2c2c}.loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}.action-buttons{display:flex;justify-content:center;margin-top:30px}.next-button,.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea33;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.next-button:hover,.submit-button:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.submit-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.header-content{flex-direction:column;gap:15px}.quiz-title{margin:0}.quiz-title h1{font-size:2rem}.quiz-main{padding:20px 15px}.back-button,.reset-stats-button{font-size:.9rem;padding:8px 16px}}@media (max-width:480px){.quiz-title h1{font-size:1.8rem}.selected-categories{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}
/*# sourceMappingURL=main.900e2436.css.map*/