*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#101828,#1d4ed8);color:#111;min-height:100vh;padding:24px}.app{max-width:1100px;margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.badge{display:inline-block;background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:7px 12px;font-weight:700;font-size:13px}h1{font-size:48px;margin:14px 0 5px}.subtitle{font-size:18px;color:#475467}input{width:100%;padding:15px;border:2px solid #d0d5dd;border-radius:14px;font-size:18px;margin:15px 0}button{border:0;background:#1d4ed8;color:#fff;border-radius:14px;padding:14px 20px;font-size:17px;font-weight:700;cursor:pointer}button:hover{background:#1746c7}.small{color:#667085;font-size:14px}.hidden{display:none}.topbar{display:flex;justify-content:space-between;background:#f2f4f7;border-radius:14px;padding:12px;margin:15px 0}.messageBox{background:#eff6ff;border:2px dashed #60a5fa;border-radius:18px;padding:20px;margin:20px 0}.label{font-size:14px;color:#1d4ed8;font-weight:700}.messageBox h2{font-size:28px;margin:5px 0}.question{font-weight:700}.answers{display:grid;gap:12px}.answers button{background:#f8fafc;color:#111;border:2px solid #d0d5dd;text-align:left}.answers button:hover{border-color:#1d4ed8;background:#eef4ff}.feedback{min-height:26px;font-weight:700}.correct{color:#15803d}.wrong{color:#b42318}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:10px;border-bottom:1px solid #eaecf0;text-align:left}.visitor{grid-column:1/3}@media(max-width:850px){.app{grid-template-columns:1fr}.visitor{grid-column:auto}h1{font-size:36px}.topbar{display:grid;gap:6px}}