*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#667eea;min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.main-container{background:#fff;border-radius:10px;max-width:600px;width:100%;padding:30px}button{border:none;border-radius:5px;padding:10px 20px;background:#4caf50;color:#fff;cursor:pointer}button:hover{background:#45a049}button:disabled{opacity:.6;cursor:not-allowed}.header{text-align:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.header h1{color:#333;font-size:2rem;margin-bottom:5px}.header p{color:#666}.question-body{padding:20px 0}.question-number{color:#666;font-size:.9rem;margin-bottom:10px}.progress-bar{width:100%;height:4px;background:#eee;border-radius:2px;margin-bottom:20px}.progress-fill{height:100%;background:#4caf50;border-radius:2px}.quizz-question{color:#333;font-size:1.2rem;margin-bottom:20px}.quizz-options{display:grid;gap:10px;margin-bottom:20px}.quizz-option{background:#f9f9f9;color:#333;padding:15px;border:1px solid #ddd;border-radius:5px;cursor:pointer}.quizz-option:hover{background:#f0f0f0}.quizz-option.correct{background:#d4edda;border-color:#4caf50}.quizz-option.incorrect{background:#f8d7da;border-color:#f44336}.quizz-option.disabled{opacity:.6}.next{text-align:center}.next-button{background:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.loading-container{text-align:center;padding:40px 0}.loading-container img{width:50px;height:50px;margin-bottom:10px}.start-message{text-align:center;padding:40px 0}.finished-message{text-align:center;color:#4caf50;font-size:1.2rem;padding:20px 0}.results-body{padding:30px 0;text-align:center;border-top:1px solid #eee}.results-header h2{color:#333;font-size:1.5rem;margin-bottom:15px}.result-badge{display:inline-block;padding:5px 15px;border-radius:15px;margin-bottom:20px;color:#fff}.result-badge.excellent{background:#4caf50}.result-badge.good{background:#2196f3}.result-badge.average{background:#ff9800}.result-badge.poor{background:#f44336}.score-container{margin:20px 0}.score-circle{width:100px;height:100px;border-radius:50%;background:#667eea;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.percentage{font-size:1.5rem;font-weight:700}.score-text{font-size:.9rem}.stats{display:grid;gap:10px;margin:20px 0}.stat-item{display:flex;justify-content:space-between;padding:10px;background:#f9f9f9;border-radius:5px}.stat-label{color:#666}.stat-value{color:#333;font-weight:700}.results-retry{background:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:15px}.start-container{text-align:center;padding:20px 0}.start-container h2{color:#333;margin-bottom:10px}.start-container p{color:#666;margin-bottom:20px}.start-button{background:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer}