.card,.header{text-align:center}.banner img,.card img{width:100%;object-fit:cover}.banner{width:calc(100% - 40px);max-width:1200px;max-height:200px;border-radius:5px;margin:20px auto;overflow:hidden;box-shadow:0 15px 30px rgba(0,0,0,.3)}.banner img{height:100%;display:block}.header{margin:30px auto;padding:0 20px;max-width:700px}.header-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:5px;color:#fff}.header-desc{font-size:1rem;color:rgba(255,255,255,.8);margin-bottom:30px;line-height:1.4;font-weight:400}.container{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;max-width:1400px;margin:0 auto 30px;padding:0 20px}.card{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border-radius:8px;padding:10px;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;gap:8px}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.card img{aspect-ratio:1/1;border-radius:8px;flex-shrink:0}.card-title{font-family:lato,sans-serif;font-size:.7rem;font-weight:600;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-height:2.4em}.stars-container{display:flex;justify-content:flex-start;gap:3px}.star{color:#fbbf24;font-size:14px}.star.empty{color:rgba(255,255,255,.3)}@media (max-width:1024px){.container{grid-template-columns:repeat(3,1fr)}.header-title{font-size:1.9rem}.header-desc{font-size:.95rem}.banner{max-height:180px}}@media (max-width:600px){.header-title{font-size:1.6rem}.header-desc{font-size:.9rem}.banner{max-height:140px;margin:15px auto}}@media (max-width:400px){.header-title{font-size:1.4rem}.header-desc{font-size:.85rem}}