
.mzox33-wrap{max-width:1180px;margin:0 auto;padding:28px;font-family:Inter,Segoe UI,Arial,sans-serif;color:#eef6ff;background:#07111f;line-height:1.6;border-radius:24px}
.mzox33-hero{padding:42px 30px;border:1px solid #28445f;border-radius:28px;background:linear-gradient(135deg,rgba(81,208,255,.13),rgba(233,200,74,.08))}
.mzox33-badge{display:inline-block;padding:7px 12px;border:1px solid #e9c84a;border-radius:999px;color:#e9c84a;font-weight:700;letter-spacing:.08em}
.mzox33-wrap h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.05;margin:18px 0;color:#fff}
.mzox33-wrap h2{margin-top:38px;color:#fff}
.mzox33-wrap h3{color:#51d0ff}
.mzox33-wrap p{color:#a9bdd3}
.mzox33-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:24px 0}
.mzox33-card{background:linear-gradient(180deg,#13243a,#0f1d30);border:1px solid #28445f;border-radius:20px;padding:22px}
.mzox33-flow{background:#050b14;border:1px solid #28445f;border-radius:20px;padding:22px;color:#d8f5ff;white-space:pre-wrap;overflow:auto}
.mzox33-cta{margin-top:34px;padding:26px;border-radius:22px;background:linear-gradient(135deg,#173a57,#3a3217);border:1px solid #6b5c26}
@media(max-width:600px){.mzox33-wrap{padding:14px}.mzox33-hero{padding:26px 18px}}
