body{
  margin:0;
  font-family:Arial;
  background:linear-gradient(135deg,#4e73df,#1cc88a);
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
}

.box{
  background:white;
  width:95%;
  max-width:500px;
  padding:20px;
  border-radius:10px;
  box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

button{
  width:100%;
  padding:10px;
  margin-top:8px;
  border:none;
  border-radius:6px;
  cursor:pointer;
  background:#eee;
  font-size:14px;
}

button:hover{ background:#ddd; }

.correct{ background:#28a745 !important; color:white; }
.wrong{ background:#dc3545 !important; color:white; }

.top{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:14px;
}

.nav button{
  width:32%;
}

.hide{ display:none; }