body {background:#0b0f1a; color:#fff; font-family:'Poppins',sans-serif; padding:20px;}
h1 {text-align:center; margin-bottom:20px;}
.quiz-container {max-width:800px; margin:0 auto; background:#11162a; padding:30px; border-radius:16px;}
.question {margin-bottom:15px; font-weight:600;}
.options label {display:block; margin:5px 0; padding:8px 12px; background:#222; border-radius:8px; cursor:pointer; transition:0.3s;}
.options label:hover {background:#4da3ff; color:#000; font-size: 17.5px}
button {margin-top:20px; padding:10px 20px; border:none; border-radius:8px; background:#4da3ff; color:#000; font-weight:600; cursor:pointer; transition:0.3s;}
button:hover {opacity:0.85;}
.result {margin-top:20px; font-size:18px; text-align:center; font-weight:600;}

  #hyperspeed{
    position: fixed;
    inset: 0;
    z-index: -1;
    background: #0b0f1a;
  }
.correct {
  color: #0f9d58;
  font-weight: 600;
}

.wrong {
  color: #d93025;
  font-weight: 600;
}

.correct::after {
  content: " ✔️";
  font-size: 16px;
}

.wrong::after {
  content: " ❌";
  font-size: 16px;
}

.options label {
  display: block;
  margin: 6px 0;
  cursor: pointer;
}