.mlf2 { position: relative; margin: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 9; background: #070b16;
  border: 1px solid rgba(129,140,248,.28); box-shadow: 0 0 0 1px rgba(129,140,248,.08), 0 0 48px rgba(99,102,241,.16); isolation: isolate; }
.light .mlf2 { border-color: rgba(15,23,42,.12); box-shadow: 0 22px 48px rgba(15,23,42,.16); }
.mlf2 video { display: block; width: 100%; height: 100%; object-fit: cover; background: #070b16; }
.mlf2-cover { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; padding: 0; border: 0; cursor: pointer; background: none; color: #fff; }
.mlf2-cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mlf2-cover::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 55%, rgba(7,11,22,0) 30%, rgba(7,11,22,.55) 100%); }
.mlf2-play { position: relative; z-index: 1; display: grid; place-items: center; width: clamp(64px, 8vw, 92px); aspect-ratio: 1; border-radius: 50%;
  background: rgba(10,14,28,.62); border: 1.5px solid rgba(165,180,252,.85); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 0 0 6px rgba(129,140,248,.14), 0 0 34px rgba(129,140,248,.55); transition: transform .2s ease, box-shadow .2s ease; }
.mlf2-play svg { margin-left: 4px; }
.mlf2-cover:hover .mlf2-play, .mlf2-cover:focus-visible .mlf2-play { transform: scale(1.06); box-shadow: 0 0 0 9px rgba(129,140,248,.18), 0 0 46px rgba(129,140,248,.7); }
.light .mlf2-play { background: #1E3A8A; border-color: #1E3A8A; box-shadow: 0 14px 30px rgba(30,58,138,.35); }
.light .mlf2-cover:hover .mlf2-play { box-shadow: 0 0 0 7px rgba(30,58,138,.16), 0 16px 34px rgba(30,58,138,.4); }
.mlf2-cover:focus-visible { outline: none; }
.mlf2-cover:focus-visible .mlf2-play { outline: 2px solid #c7d2fe; outline-offset: 4px; }
.mlf2-tag { position: absolute; z-index: 1; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 11px; border-radius: 999px;
  background: rgba(7,11,22,.72); border: 1px solid rgba(255,255,255,.14); font: 600 11.5px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .04em; color: #e0e7ff; }
.mlf2-tag i { width: 7px; height: 7px; border-radius: 50%; background: #22D3EE; box-shadow: 0 0 10px #22D3EE; }
@media (prefers-reduced-motion: reduce) { .mlf2-play { transition: none; } }