body{
      background: radial-gradient(circle at top, #1e293b, #0f172a);
      color:#fff; min-height:100vh;
      font-family:'Segoe UI',sans-serif;
    }
    .cardx{
      background: rgba(17,24,39,0.85);
      border:1px solid rgba(255,255,255,0.10);
      border-radius:1.2rem;
      backdrop-filter: blur(12px);
      box-shadow:0 10px 30px rgba(0,0,0,0.45);
    }

    /* WHITE INFO (SVG + TEXT) */
    .mmInfo{
      display:flex;gap:12px;align-items:flex-start;
      margin-top:14px;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(0,0,0,.18);
      color:#fff;
      max-width:820px;
    }
    .mmInfo__icon{
      width:38px;height:38px;
      display:flex;align-items:center;justify-content:center;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      flex:0 0 auto;
    }
    .mmInfo__title{font-weight:900;font-size:13px;color:#fff;line-height:1.2}
    .mmInfo__desc{margin-top:4px;font-size:12px;opacity:.88;color:#fff;line-height:1.35}

    .tabs{display:flex;flex-wrap:wrap;gap:8px}
    .tab{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 12px;border-radius:999px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      color:#fff;text-decoration:none;font-weight:800;font-size:13px;
    }
    .tab svg{display:block}
    .tab.on{background:rgba(255,255,255,.14)}
    .tab:hover{background:rgba(255,255,255,.10)}

    .searchbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
    .inp{
      background:rgba(0,0,0,.18);
      border:1px solid rgba(255,255,255,.14);
      color:#fff;border-radius:12px;
      padding:10px 12px;outline:0;
      width:min(360px, 70vw);
    }
    .inp::placeholder{color:rgba(255,255,255,.55)}
    .btnx{
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.10);
      color:#fff;border-radius:12px;
      padding:10px 14px;font-weight:900;
      text-decoration:none;display:inline-flex;align-items:center;gap:8px;
    }
    .btnx:hover{background:rgba(255,255,255,.14)}
    .btnx svg{display:block}

    .ev-card{
      background: rgba(255,255,255,0.04);
      border:1px solid rgba(255,255,255,0.12);
      border-radius:1rem;
      padding:1.1rem;
      height:100%;
      transition:.25s ease;
      text-decoration:none;color:#fff;display:block;
    }
    .ev-card:hover{transform: translateY(-4px);background: rgba(255,255,255,0.08);}
    .ev-name{font-weight:900;line-height:1.25}
    .ev-meta{opacity:.78;font-size:12px;margin-top:6px}

    .m-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
    @media(max-width:992px){.m-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:576px){.m-grid{grid-template-columns:1fr}}

    .m-card{
      background:#000;border:1px solid rgba(255,255,255,.12);
      border-radius:16px;overflow:hidden;
      box-shadow:0 10px 28px rgba(0,0,0,.45);
    }

    /* PHOTO WRAP + WATERMARK */
    .wmWrap{position:relative;width:100%;}
    .wmWrap .m-img{width:100%;height:220px;object-fit:cover;display:block;pointer-events:none;user-select:none}
    .wmWrap::after{
      content: attr(data-wm);
      position:absolute;
      right:10px; bottom:8px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.2px;
      color:#fff;
      opacity:.95;
      text-shadow:0 2px 8px rgba(0,0,0,.85);
      pointer-events:none;
      user-select:none;
      white-space:nowrap;
    }

    .ratio16{position:relative;width:100%;aspect-ratio:16/9;background:#000}
    .ratio16 video,.ratio16 iframe{position:absolute;inset:0;width:100%;height:100%}

    .m-title{padding:10px 12px;background:rgba(0,0,0,.35);font-size:13px;opacity:.92}
    .m-date{padding:0 12px 12px;background:rgba(0,0,0,.35);font-size:12px;opacity:.7}

    .pagi{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:16px}
    .pagi a,.pagi span{
      padding:9px 12px;border-radius:12px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      color:#fff;text-decoration:none;font-weight:900;font-size:13px;
    }
    .pagi a:hover{background:rgba(255,255,255,.10)}

    /* Lightbox */
    .lb{position:fixed;inset:0;display:none;z-index:9999;background:rgba(0,0,0,.80);backdrop-filter:blur(6px)}
    .lb.on{display:flex}
    .lbIn{margin:auto;max-width:92vw;max-height:90vh;position:relative}
    .lbImg{max-width:92vw;max-height:82vh;display:block;border-radius:16px;border:1px solid rgba(255,255,255,.16)}
    .lbCap{margin-top:10px;text-align:center;opacity:.9}
    .lbClose{position:fixed;top:16px;right:16px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);
      color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}
    .lbClose:hover{background:rgba(255,255,255,.10)}

    /* Lightbox watermark */
    .lbIn::after{
      content: attr(data-wm);
      position:absolute;
      right:14px; bottom:12px;
      font-size:13px; font-weight:800;
      letter-spacing:.25px;
      color:#fff; opacity:.95;
      text-shadow:0 2px 10px rgba(0,0,0,.9);
      pointer-events:none;
      user-select:none;
      white-space:nowrap;
    }