*{box-sizing:border-box}body{margin:0;background:#101114;color:#fff;font-family:Arial,sans-serif}header{text-align:center;padding:24px 15px;background:#17191e;border-bottom:1px solid #292c33}h1{margin:0;font-size:27px}header p{color:#aaa;margin:8px 0 0}main{max-width:1100px;margin:auto;padding:20px 14px}input{width:100%;padding:14px;border-radius:12px;border:1px solid #363941;background:#1a1c21;color:#fff;font-size:16px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#191b20;border:1px solid #292c33;border-radius:14px;overflow:hidden}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#252830;display:block}.info{padding:13px}.info h2{font-size:17px;margin:0 0 10px}.watch{display:inline-block;padding:9px 13px;border-radius:9px;background:#fff;color:#111;text-decoration:none;font-weight:bold}footer{text-align:center;color:#777;padding:30px}@media(max-width:600px){h1{font-size:23px}.grid{grid-template-columns:1fr}}