*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial}main{display:flex;justify-content:space-between;align-items:center;padding:5px;margin:10px auto}label{margin-right:20px;font-weight:700;font-size:large}main input{height:30px}.page{max-width:1100px;margin:0 auto;padding:28px 18px 40px}.title{text-align:center;align-items:center}.topbar{gap:12px;margin-bottom:20px;text-align:center;justify-content:space-between;padding:16px}.genre-select{display:flex;align-items:center;gap:10px}.movie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.movie-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:10px;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 10px 30px #00000040;transition:transform .14s ease,border-color .14s ease}.img-wrap{position:relative;width:100%;aspect-ratio:16 / 10;background:#ffffff0f;margin-bottom:50px}.movie-img{width:90%;object-fit:cover;display:block;position:relative;margin:20px auto;border-radius:10px}.heartBtn{position:absolute;top:10px;right:10px;border:none;background:transparent;padding:0;width:36px;height:36px;cursor:pointer;font-size:26px;line-height:1;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.7)}.heartBtn:hover{transform:scale(1.05)}.category{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);padding:5px 15px;border-radius:10px;background:#bdbdbd;font-weight:700;box-shadow:0 8px 18px #00000040}.genre-select{margin:30px;font-size:large}.category:hover{background:gray}.category-text{line-height:0}.card-content{text-align:center;padding:10px}.movie-year{padding:10px auto}.starsRating{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@media(max-width:600px){main{display:flex;align-items:center;padding:5px;margin:10px auto}input{margin:10px;display:flex;justify-content:center}label{display:block;margin:10px auto;display:flex}.movie-card{padding:8px}.movie-img{width:100%;margin:10px auto}}