:root{background-color:#111214;width:100%;font-family:Roboto,Arial,sans-serif}body{margin:0}header{justify-content:space-between;max-height:100px;margin:0 10px;display:flex}.header-icons{align-items:center;display:flex}.header-links{align-items:center;gap:20px;margin-right:10px;display:flex}.header-img{max-width:90px;padding:0 20px}button{color:#fff;background-color:#111214;border:none}input{background-color:#232325;border:none;border-radius:5px;width:300px;height:30px;margin:0 20px}a{color:#fff;text-decoration:none}a:hover{color:#fae263;cursor:pointer;transform:translateY(-2px)}@media (width<=768px){header{flex-direction:column;align-items:center;gap:1rem;max-height:none;padding:1rem 0}.header-icons{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%}.header-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-right:0}input{width:min(300px,90%);margin:0}}.hero{background-image:var(--bg-image);background-position:top;background-repeat:no-repeat;background-size:cover;align-items:flex-end;height:70vh;display:flex;position:relative}.hero:before{content:"";background:linear-gradient(90deg,#000,#00000080);position:absolute;inset:0}.hero-content{z-index:1;color:#fff;max-width:500px;padding:2rem;position:relative}h1{margin-bottom:0}.hero-row{justify-content:space-between;width:40%;display:flex}.rating{gap:5px;display:flex}.btn-container{gap:20px;display:flex}.trailer-btn{color:#000;cursor:pointer;background-color:#fae263;border:none;border-radius:5px;align-items:center;gap:8px;padding:12px 16px;font-size:16px;display:flex}.info-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:5px;align-items:center;gap:8px;padding:12px 16px;font-size:16px;display:flex}.trailer-btn:hover,.info-btn:hover{cursor:pointer;transform:translateY(-2px)}.movie-card{color:#fff;flex-direction:column;align-items:center;width:190px;height:auto;display:flex}.card-content{background-color:#26262777;flex-direction:column;flex:1;align-items:center;width:190px;height:auto;display:flex}.card-content p{margin-top:auto}img{width:190px;height:auto}.card-content h3{text-align:center;align-items:center;min-height:70px;margin:0;display:flex}.rating{justify-content:space-around;display:flex}.movie-row{scroll-behavior:smooth;scrollbar-width:none;flex-direction:row;gap:1rem;margin-bottom:40px;display:flex;overflow:auto hidden}.movie-row-wrapper{justify-content:space-between;align-items:center;display:flex;position:relative}.movie-row::-webkit-scrollbar{display:none}.scroll-btn{cursor:pointer;color:#fff;background:#26262777;border:none;border-radius:50%;width:50px;height:50px;font-size:20px}.scroll-btn:hover{background:#fff6}footer{color:#fff;justify-content:space-between;align-items:center;margin:30px 60px;display:flex}.footer-img{width:100px}.footer-list{align-items:left;flex-direction:column;display:flex}.footer-list ul{margin:0;padding:0;list-style:none}.footer-list h4{margin-bottom:5px}.footer-icons ul{gap:10px;list-style:none;display:flex}.footer-icons li{font-size:30px}@media (width<=768px){footer{text-align:center;flex-direction:column;align-items:center;gap:2rem;margin:30px 20px}.footer-list{align-items:center}.footer-icons ul{flex-wrap:wrap;justify-content:center;padding:0}.footer-img{width:80px}}.section-title{color:#fff;margin-left:1rem;padding-left:1rem;font-size:2rem;font-weight:700;position:relative}.section-title:before{content:"";background-color:#f5c518;border-radius:999px;width:4px;height:80%;position:absolute;top:50%;left:0;transform:translateY(-50%)}