body{
  background:linear-gradient(135deg,#020617,#1e293b);
  font-family:Segoe UI, sans-serif;
  color:white;
  margin:0;
}

.section{
  max-width:900px;
  margin:30px auto;
  background:#020617;
  padding:30px;
  border-radius:20px;
  box-shadow:0 20px 40px rgba(0,0,0,.6);
}

h2{
  text-align:center;
  margin-bottom:20px;
}

.question{
  background:#0f172a;
  padding:15px;
  border-radius:12px;
  margin:15px 0;
}

.question p{
  font-weight:600;
}

.question label{
  display:block;
  margin:8px 0;
  cursor:pointer;
}

button{
  width:100%;
  margin-top:20px;
  background:linear-gradient(135deg,#22c55e,#4f46e5);
  color:white;
  padding:14px;
  border:none;
  border-radius:30px;
  font-size:16px;
  cursor:pointer;
}

#timer{
  text-align:center;
  font-size:18px;
  margin-bottom:15px;
  color:#22c55e;
}

@media(max-width:600px){
  .section{padding:20px;}
}