body {
  background-color: #0d1117;
  background-image: radial-gradient(circle at 50% 50%, #161b22 0%, #0d1117 100%);
  color: #c9d1d9;
  font-family: 'Segoe UI', sans-serif;
  min-height: 100vh;
}

.gaming-card {
  background: rgba(22, 27, 34, 0.9);
  border: 1px solid #30363d;
  border-top: 4px solid #58a6ff;
  border-radius: 15px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}

.neon-text {
  color: #58a6ff;
  text-shadow: 0 0 10px rgba(88, 166, 255, 0.5);
  text-transform: uppercase;
}

.question-box {
  background: #161b22;
  border-left: 5px solid #238636;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.option-container {
  display: block;
  position: relative;
  padding: 12px 15px 12px 45px;
  margin-bottom: 10px;
  cursor: pointer;
  background: #0d1117;
  border: 1px solid #30363d;
  border-radius: 8px;
}

.option-container input {
  position: absolute;
  opacity: 0;
}

.checkmark {
  position: absolute;
  top: 14px;
  left: 15px;
  height: 18px;
  width: 18px;
  background-color: #30363d;
  border-radius: 50%;
}

.option-container input:checked~.checkmark {
  background-color: #1f6feb;
  box-shadow: 0 0 10px #1f6feb;
}

.btn-gaming {
  background: linear-gradient(90deg, #1f6feb 0%, #58a6ff 100%);
  border: none;
  color: white;
  font-weight: bold;
  padding: 12px;
}

.btn-gaming:hover {
  filter: brightness(1.2);
  box-shadow: 0 0 15px rgba(88, 166, 255, 0.4);
}