.quiz-container{max-width:700px;margin:0px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.option-btn { margin-bottom: 0.5rem; width: 100%; text-align: left; }
.correct { color: #155724; background-color: #d4edda; padding:5px; border-radius:5px; }
.wrong { color: #721c24; background-color: #f8d7da; padding:5px; border-radius:5px; }
.question-card { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; border-radius:5px; background:#f9f9f9; }

.minutes-timer-container {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.minutes-timer {
    font-family: 'Orbitron', sans-serif;
    font-weight: bold;
    font-size: 2rem;
    color: #f00;
    background: #000;
    padding: 5px 15px;
    border-radius: 8px;
    text-shadow: 0 0 3px #f00, 0 0 6px #f00, 0 0 12px #f00;
}

.minutes-label {
    font-weight: bold;
    font-size: 1rem;
    color: #f00;
}
.progress {
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    transition: width 0.5s linear;
}