/* Modern card layout & sleek styling */
.cqp-wrapper{max-width:780px;margin:20px auto;padding:10px}
.cqp-btn{background:#111827;color:#fff;border:0;border-radius:14px;padding:12px 20px;font-size:16px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:transform .06s ease, box-shadow .2s ease}
.cqp-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.12)}
.cqp-btn-disabled{background:#9ca3af;cursor:not-allowed}
.cqp-timer{font-weight:600;color:#ef4444;margin:12px 0;text-align:right}
#cqp-count{font-variant-numeric:tabular-nums}
.cqp-card{background:#ffffff;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 6px 18px rgba(17,24,39,.06);border:1px solid #e5e7eb}
.cqp-qtext{font-size:18px;font-weight:600;margin-bottom:10px;color:#111827}
.cqp-option{display:block;padding:8px 10px;border-radius:12px;border:1px solid #e5e7eb;margin:6px 0;cursor:pointer}
.cqp-option:hover{background:#f9fafb}
.cqp-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px}
.cqp-submit{background:#2563eb}
.cqp-result-card{background:#ecfeff;border:1px solid #a5f3fc;border-radius:16px;padding:24px;text-align:center;margin-top:16px;box-shadow:0 6px 18px rgba(14,165,233,.2)}
.cqp-result-title{font-size:22px;font-weight:700;margin-bottom:8px;color:#0ea5e9}
.cqp-result-score{font-size:18px;color:#0c4a6e}
.cqp-completed{display:flex;align-items:center;justify-content:space-between;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;padding:14px 16px}
.cqp-scoreline{font-weight:600}