body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#071025;color:#eaf0ff}
.container{max-width:900px;margin:0 auto;padding:20px}
.card{background:#0f1724;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);padding:20px}
h1,h2{margin:0 0 10px}
label{display:block;margin:10px 0 6px;color:#bcd1ff}
input[type=text],select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#eaf0ff}
button{background:#1e90ff;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}
button.secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#a8c3ff}
.hidden{display:none}
.question{padding:14px;background:rgba(255,255,255,.03);border-radius:10px;margin-bottom:14px}
.options label{display:block;cursor:pointer;margin:6px 0}
#timer{float:right;color:#ffd86b;font-weight:700}
.note{color:#9fb3ff;font-size:14px}
.footer{margin-top:16px;text-align:center;color:#9aa7bf;font-size:13px}
audio{width:100%}