body{
  font-family: Tahoma, Arial, sans-serif;
  background: linear-gradient(180deg,#07070a 0%, #0f0f14 100%);
  color: #fff;
  margin:0;
  padding:0;
  text-align:center;
}
header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 24px;
  background: rgba(255,255,255,0.02);
  box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}
header h1{margin:0;font-size:20px}
.btn{
  background:#5865F2;
  color:#fff;
  text-decoration:none;
  padding:8px 12px;
  border-radius:8px;
  font-weight:600;
}
.card{
  background: linear-gradient(180deg,#0f1720, #14181d);
  width:95%;
  max-width:760px;
  margin:36px auto;
  border-radius:14px;
  padding:26px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  text-align:right;
}
input[type="text"], input{
  width:100%;
  padding:12px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.06);
  background: rgba(255,255,255,0.02);
  color:#fff;
  margin-top:8px;
  box-sizing:border-box;
}
button, .small{
  background:#4a6cff;
  color:#fff;
  padding:10px 16px;
  border-radius:10px;
  border:none;
  cursor:pointer;
  margin:6px 4px;
}
.small{background:#2b334a;padding:8px 12px}
.notice{
  margin-top:14px;
  background:#ffd54d;
  color:#000;
  padding:10px;
  border-radius:8px;
  font-weight:700;
  display:inline-block;
}
.qbox{margin-bottom:14px;text-align:right}
.qbox h3{margin:0 0 8px 0}
.result-item{
  background:#0e1316;
  padding:12px;
  border-radius:10px;
  margin:10px 0;
  text-align:right;
}
.correct{color:#00ff88;font-weight:700}
.wrong{color:#ff6b6b;font-weight:700}
.warning{color:#ff6b6b;font-weight:700;margin-right:8px}