*{box-sizing:border-box;font-family:Arial,sans-serif}body{margin:0;background:#f6f8fb;color:#222}.container{max-width:900px;margin:40px auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 6px 20px #0000000f}.header{text-align:center;margin-bottom:18px}.btn{padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.card{padding:12px;border:1px solid #e6e9ef;border-radius:8px;cursor:pointer;text-align:center}.card.selected{border-color:#2563eb;box-shadow:0 4px 14px #2563eb1f}.question{font-weight:600;margin:8px 0}.options{display:flex;flex-direction:column;gap:10px;margin-top:12px;align-items:center}.option-btn{width:100%;max-width:480px;padding:10px 14px;border-radius:6px;border:1px solid #d6d9e2;background:#fff;cursor:pointer;text-align:left}.option-btn:hover{box-shadow:0 3px 10px #0000000a}.results{text-align:center}.small{font-size:.9rem;color:#555}
