@media all{body{font-family:system-ui,sans-serif;margin:0;padding:24px;background:#fafafa;max-width:1200px;margin:0 auto}h1{color:#111}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .08);text-decoration:none;color:inherit;display:block;position:relative}.card img{width:100%;aspect-ratio:9/16;object-fit:cover;display:block}.card .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgb(255 255 255 / .9);display:flex;align-items:center;justify-content:center;pointer-events:none}.card .play::before{content:"";border-left:22px solid #05B9B4;border-top:14px solid #fff0;border-bottom:14px solid #fff0;margin-left:6px}.card:hover{transform:translateY(-2px);transition:.2s}}