body{background:#02090f}
.movies-page{max-width:1440px;margin:auto;padding:38px 3% 50px}
.movies-heading{display:flex;align-items:end;justify-content:space-between;padding:8px 0 25px}
.eyebrow{color:#079cff;font-size:11px;font-weight:800;letter-spacing:2px}
.movies-heading h1{font-size:42px;margin:8px 0}
.movies-heading p{color:#8e9ba4;margin:0;font-size:14px}






.movie-count{color:#778791;font-size:12px;margin-bottom:12px}
.movie-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.movie-card{background:#061119;border:1px solid #142b38;border-radius:9px;overflow:hidden;cursor:pointer;transition:.2s}
.movie-card:hover{transform:translateY(-4px);border-color:#078fd2}
.movie-poster{height:285px;display:grid;place-items:center;text-align:center;padding:15px;font-size:24px;font-weight:900;text-shadow:0 3px 12px #000;position:relative;background:linear-gradient(145deg,#234d61,#081116)}
.movie-card:nth-child(3n) .movie-poster{background:linear-gradient(145deg,#542b19,#0a1115)}
.movie-card:nth-child(4n) .movie-poster{background:linear-gradient(145deg,#2d315d,#081116)}
.quality{position:absolute;right:8px;bottom:8px;background:#071017;padding:4px 6px;border-radius:4px;font-size:9px}
.movie-info{padding:10px}
.movie-info h3{margin:0 0 6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movie-info p{margin:0;color:#7f8d96;font-size:11px}
.empty{text-align:center;padding:70px;color:#829099}
@media(max-width:1100px){.movie-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:850px){.movies-page{padding:25px 3%}.movie-grid{grid-template-columns:repeat(4,1fr)}.movie-poster{height:245px}}
@media(max-width:650px){.movies-heading h1{font-size:34px}.movie-grid{grid-template-columns:repeat(2,1fr);gap:10px}.movie-poster{height:235px;font-size:20px}}