@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}.navbar{width:100%}.links{display:flex;gap:30px;margin-right:20px}.nav-link{text-decoration:none;color:#fff;font-weight:500}.nav-link:hover{color:#e2e8f0}.navbar-base{box-shadow:0 4px 8px #0000001a;position:sticky;top:0;z-index:100;background-color:#251e1e;height:100px;width:100%}.logo h1{text-align:center;font-size:1.5em;color:#fff}.search-input{margin-top:10px;border-radius:4px;padding:8px;width:100%;transition:background-color .2s}.search-input:hover{background-color:#eff1f3}.dropdown{margin-top:10px;border-radius:4px;padding:8px}.banner-container{width:100%;overflow:hidden}.banner-image{width:100%;height:auto;transition:opacity .3s ease-in-out}.categories-container{display:flex;justify-content:space-around;align-items:center;padding:10px;background-color:#f5f5f5}.category-block{text-align:center;margin:10px;width:100px;transition:transform .3s ease}.category-block:hover{transform:scale(1.05)}.category-image{width:100%;height:auto;border-radius:10px}span{display:block;margin-top:5px;font-weight:700}.posters-container{display:flex;justify-content:space-around;align-items:center;padding:20px;background-color:#f0f0f0}.poster-block{border-radius:10px;overflow:hidden;transition:transform .3s ease}.poster-block:hover{transform:scale(1.05)}.poster-image{width:100%;height:100%;object-fit:cover}.hero{text-transform:uppercase;text-align:center;margin:70px}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,3fr));gap:15px;justify-content:space-around;align-items:center;padding:20px;margin-left:80px}.card{width:500px;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0003;cursor:pointer;transition:transform .2s ease}.card:hover{transform:scale(1.05)}.card-image{width:100%;height:auto}.card-details{text-align:center;padding:10px;background-color:#f9f9f9}.card-details h3{margin:0;font-size:1.4rem}.card-details p{margin-top:5px;color:#666;font-size:1rem}.poster-container{display:flex;justify-content:center;align-items:center;height:100vh}.poster{width:80%;height:300px;cursor:pointer;transition:transform .3s ease}.poster:hover{transform:scale(1.05)}.hero{text-align:center;font-size:2rem;color:#333;margin-top:20px}.Herocards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-content:center;padding:20px}.hero-card{position:relative;width:70%;height:300px;background-color:#f4f4f4;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .3s ease;margin-left:40px}.hero-card:hover{transform:scale(1.05)}.herocard-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:.8;transition:opacity .3s ease}.hero-card:hover .herocard-image{opacity:1}.herocard-details{position:absolute;bottom:20px;left:20px;color:#fff;z-index:1}.herocard-details h3{font-size:1.5rem;margin:0;text-transform:uppercase;color:#fff}.herocard-details p{font-size:1.2rem;margin:5px 0 0;color:#fff;font-weight:700}@media (max-width: 1024px){.Herocards-container{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 768px){.Herocards-container{grid-template-columns:repeat(1,1fr)}.hero-card{height:250px}}.footer{background-color:#f8f8f8;padding:20px 0;border-top:1px solid #ccc}.footer-container{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:20px}.footer-section{flex:1;margin-right:20px}.footer-section h3{font-size:16px;margin-bottom:10px;font-weight:700}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:#000;text-decoration:none;font-size:14px}.footer-section ul li a:hover{color:#c74d61}