.mza-dgr{--ink:#10243e;--blue:#0c5b8f;--gold:#c9a227;--soft:#f4f7fa;--red:#b83232;max-width:1180px;margin:0 auto;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.mza-dgr *{box-sizing:border-box}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:55px 36px;background:linear-gradient(135deg,#eef6fb,#fff8e2);border-radius:28px}.hero img,.scenario img,.wide-img{width:100%;height:auto;border-radius:22px}.badge{display:inline-block;padding:7px 11px;border-radius:999px;background:#dceef9;color:#084b73;font-size:12px;font-weight:800;letter-spacing:.06em}.danger{background:#fde4e4;color:#8b1f1f}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:18px 0}.hero p,.lead{font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-block;border:0;border-radius:12px;padding:13px 18px;background:var(--blue);color:#fff!important;text-decoration:none;font-weight:800;cursor:pointer}.btn.ghost{background:transparent;color:var(--blue)!important;border:2px solid var(--blue)}.btn.dark{color:var(--ink)!important;border-color:#9aa9b8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.stats div{background:var(--ink);color:#fff;padding:22px;border-radius:18px;text-align:center}.stats strong{display:block;font-size:30px;color:#f0ce59}.stats span{font-size:13px}section{margin:54px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:20px;background:var(--soft);border-radius:18px;border:1px solid #e1e7ed}.num{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--ink);color:#fff;font-weight:900}.cards h3{margin:12px 0 5px}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:28px;background:#f7f9fb;border-radius:24px}.scenario.reverse img{order:2}.dialogue{margin-top:18px;padding:16px;border-left:5px solid var(--gold);background:white;border-radius:10px}.quiz{background:var(--ink);color:#fff;padding:32px;border-radius:26px}.quiz-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.score{font-size:20px}.qcard{background:#fff;color:var(--ink);padding:24px;border-radius:18px;margin:18px 0}.answers{display:grid;gap:10px;margin-top:16px}.answer{width:100%;text-align:left;border:1px solid #ccd5df;background:#f7f9fb;padding:13px;border-radius:11px;cursor:pointer}.answer.correct{outline:3px solid #2d8a54}.answer.wrong{outline:3px solid #b83232}.explain{margin-top:15px;padding:13px;background:#edf4f8;border-radius:10px}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap}.notice{font-size:13px;opacity:.8;margin-top:22px}.steps{display:flex;flex-wrap:wrap;gap:10px}.steps span{padding:10px 13px;background:#eef3f7;border-radius:999px;font-weight:700}@media(max-width:800px){.hero,.scenario{grid-template-columns:1fr}.scenario.reverse img{order:0}.cards{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.hero{padding:30px 20px}.quiz{padding:20px}}