/* BLOCK 4 — FREE LEARNING RESOURCES, QUIZZES & COMPLETION */
.free-resource-banner{
  margin:28px 0 18px;padding:22px;border:1px solid rgba(0,229,255,.28);
  border-radius:18px;background:linear-gradient(135deg,rgba(0,168,255,.10),rgba(0,229,255,.035));
  box-shadow:0 18px 55px rgba(0,0,0,.18);position:relative;overflow:hidden
}
.free-resource-banner::before{content:"";position:absolute;inset:-1px auto -1px -1px;width:4px;background:linear-gradient(#00e5ff,#0066ff)}
.free-resource-kicker{display:inline-flex;gap:8px;align-items:center;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#00e5ff;font-size:.78rem}
.free-resource-banner h3{margin:8px 0 6px;font-size:clamp(1.2rem,2vw,1.6rem)}
.free-resource-banner p{margin:0;color:#aab7c6}
.free-resource-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.free-resource-note{font-size:.82rem;color:#8795a7;margin-top:10px}
.quiz-panel{margin-top:34px;padding:clamp(20px,4vw,34px);border-radius:22px;background:#0c131d;border:1px solid rgba(0,229,255,.18)}
.quiz-panel__eyebrow{color:#00e5ff;text-transform:uppercase;font-weight:800;letter-spacing:.1em;font-size:.76rem}
.quiz-question{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.quiz-question:last-of-type{border-bottom:0}.quiz-question h4{margin:0 0 12px}
.quiz-option{display:block;padding:11px 13px;margin:8px 0;border:1px solid rgba(255,255,255,.09);border-radius:12px;cursor:pointer}
.quiz-option:hover{border-color:rgba(0,229,255,.45);background:rgba(0,229,255,.04)}
.quiz-feedback{margin-top:18px;padding:16px;border-radius:14px;display:none}
.quiz-feedback.is-visible{display:block}.quiz-feedback.is-pass{background:rgba(0,227,140,.09);border:1px solid rgba(0,227,140,.35)}
.quiz-feedback.is-fail{background:rgba(255,181,71,.08);border:1px solid rgba(255,181,71,.30)}
.completion-card{margin:30px 0;padding:24px;border-radius:20px;background:linear-gradient(135deg,#0e1824,#0a1018);border:1px solid rgba(0,229,255,.2)}
.completion-meter{height:8px;background:#172230;border-radius:99px;overflow:hidden;margin:14px 0}
.completion-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0066ff,#00e5ff);transition:width .45s ease}
.free-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(0,227,140,.09);border:1px solid rgba(0,227,140,.26);color:#65f2b8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:600px){.free-resource-actions .btn{width:100%}.quiz-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){.completion-meter span{transition:none}}