:root{--mza:#0f2747;--mza2:#176b87;--gold:#d5ad49;--bg:#f5f8fb;--card:#fff;--text:#18212f}
.mza-fa-shell{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);border-radius:20px;overflow:hidden}
.mza-fa-hero{padding:34px;background:linear-gradient(135deg,var(--mza),var(--mza2));color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center}
.mza-fa-hero h1{margin:6px 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.1}
.mza-kicker{font-size:12px;letter-spacing:2px;font-weight:700;color:#ffe29a}
.mza-progress-card{min-width:260px;background:rgba(255,255,255,.12);padding:18px;border-radius:16px}
.mza-progress{height:10px;background:rgba(255,255,255,.25);border-radius:20px;margin:10px 0;overflow:hidden}
.mza-progress span{display:block;height:100%;width:0;background:var(--gold)}
.mza-tabs{display:flex;gap:8px;padding:16px;flex-wrap:wrap;background:#fff;border-bottom:1px solid #e6ebf0}
.mza-tabs button,.mza-level-filter button{border:0;border-radius:999px;padding:10px 16px;cursor:pointer;background:#edf2f7}
.mza-tabs button.active,.mza-level-filter button.active{background:var(--mza);color:white}
.mza-tab{display:none;padding:22px}.mza-tab.active{display:block}
.mza-level-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.mza-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.mza-card,.mza-panel{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:18px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
.mza-card h3{margin:6px 0 8px;font-size:18px}.mza-card small{color:#65758b}
.mza-card button,.mza-primary{background:var(--mza);color:#fff;border:0;padding:11px 15px;border-radius:10px;cursor:pointer;font-weight:700}
.mza-card.done{border-color:#3aa76d}.mza-card.done:after{content:"✓ Terminé";display:inline-block;margin-left:10px;color:#258654;font-weight:700}
.mza-lesson{display:none;margin-top:12px;padding-top:12px;border-top:1px solid #edf0f4}
.mza-question{padding:16px;margin:14px 0;background:#f8fafc;border-radius:12px;border:1px solid #e7ecf2}
.mza-question label{display:block;margin:8px 0;cursor:pointer}
.mza-score{font-size:22px;font-weight:800;margin-top:18px}
#mza-student-name,#mza-quiz-level{padding:11px;border:1px solid #ccd5df;border-radius:9px;margin:8px 6px 8px 0}
.mza-cert{margin-top:20px;padding:35px;border:8px double var(--gold);background:#fff;text-align:center}
.mza-cert h2{font-size:34px;color:var(--mza);margin:8px 0}
@media(max-width:700px){.mza-fa-hero{flex-direction:column;align-items:flex-start}.mza-progress-card{min-width:0;width:100%}}