.mzla{--gold:#e9c84a;--muted:#adc0d2;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#06101d,#0a1930 55%,#071321);color:#fff;border-radius:24px;overflow:hidden}
.mzla *{box-sizing:border-box}.mzla-hero{text-align:center;padding:60px 22px 38px;background:radial-gradient(circle at top,#183c67 0,#0b1b31 45%,#071321 78%)}
.mzla-badge{display:inline-block;padding:8px 14px;border:1px solid rgba(233,200,74,.45);border-radius:99px;color:var(--gold);font-weight:800;font-size:.78rem}
.mzla h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:18px auto 12px;max-width:950px;color:#fff}.mzla-hero p{max-width:760px;margin:auto;color:var(--muted)}
.mzla-stats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}.mzla-stats div{min-width:130px;padding:14px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px}.mzla-stats strong,.mzla-stats span{display:block}.mzla-stats strong{font-size:1.45rem;color:var(--gold)}
.mzla-toolbar,.mzla-grid,.mzla-counter,.mzla-path{width:min(1200px,92%);margin-left:auto;margin-right:auto}.mzla-toolbar{padding:20px 0 8px}.mzla-search{width:100%;padding:15px 17px;border-radius:13px;border:1px solid #294861;background:#0d1e31;color:#fff;font-size:1rem}
.mzla-filters{display:flex;overflow:auto;gap:8px;padding:12px 0}.mzla-filter{white-space:nowrap;border:1px solid #2d4b67;background:#0d1e31;color:#dce8f3;padding:9px 13px;border-radius:99px;cursor:pointer}.mzla-filter.active,.mzla-filter:hover{background:var(--gold);color:#091523;border-color:var(--gold);font-weight:800}
.mzla-counter{color:var(--muted);margin-top:8px;margin-bottom:14px}.mzla-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:15px;padding-bottom:55px}.mzla-card{background:linear-gradient(145deg,#102640,#0b1b2e);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:19px;transition:.2s}
.mzla-card:hover{transform:translateY(-3px);border-color:rgba(233,200,74,.45)}.mzla-card-top{display:flex;justify-content:space-between;color:var(--gold);font-size:.8rem;font-weight:900}.mzla-card h3{font-size:1.08rem;color:#fff;margin:16px 0 7px}.mzla-card p{color:var(--muted);font-size:.85rem;min-height:38px}
.mzla-levels{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.mzla-levels span{font-size:.7rem;padding:5px 7px;border:1px solid #2d4b67;border-radius:7px}.mzla-open{width:100%;border:0;border-radius:10px;background:#173b60;color:#fff;padding:10px;font-weight:700;cursor:pointer}.mzla-open:hover{background:var(--gold);color:#071321}
.mzla-path{padding:15px 0 60px}.mzla-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.mzla-steps div{background:#0d1e31;border:1px solid #24425f;border-radius:14px;padding:17px;text-align:center}.mzla-steps strong,.mzla-steps span{display:block}.mzla-steps strong{color:var(--gold)}
.mzla-modal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.72);align-items:center;justify-content:center;padding:20px}.mzla-modal.is-open{display:flex}.mzla-modal-box{position:relative;max-width:620px;width:100%;background:#0c1d30;border:1px solid #345777;border-radius:20px;padding:26px}.mzla-close{position:absolute;right:17px;top:12px;background:none;border:0;color:#fff;font-size:1.8rem;cursor:pointer}.mzla-modal-cat{color:var(--gold)}
@media(max-width:760px){.mzla-steps{grid-template-columns:repeat(2,1fr)}}