.featured-info .btn i,section h2 i{margin-right:.5rem}main{padding-top:80px}#featured-content{position:relative;height:70vh;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:0}.featured-info{width:100%;max-width:none;background:rgba(0,0,0,.7);padding:1.5rem 5%;margin-bottom:0;border-radius:0}.featured-info h1{font-size:2rem;margin-bottom:.5rem}.featured-info p{font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-info .btn{display:inline-block;background-color:var(--accent-color);color:var(--primary-color);padding:.6rem 1.2rem;border-radius:25px;text-decoration:none;font-weight:600;transition:background-color .3s}.featured-info .btn:hover{background-color:#19c573}section{padding:1rem 5%;position:relative}section h2{font-size:1.5rem;margin-bottom:1rem;display:flex;align-items:center}section h2 i{color:var(--accent-color)}.gradient-heading{font-weight:700;font-size:1.5rem;text-align:center;padding:10px;background-clip:text;color:transparent}.content-card-rating,.content-card::before,.content-card:hover h3{color:var(--accent-color)}#featured-content .gradient-heading{background-image:linear-gradient(45deg,#ff6f61,#de9c92)}#trending-now .gradient-heading{background-image:linear-gradient(196deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}#popular-movies .gradient-heading{background-image:linear-gradient(135deg,#6a5af9,#a17dc3 20%,#f0a500 50%,#ff4081 80%)}#top-rated-shows .gradient-heading{background-image:linear-gradient(45deg,#ff6a00,#ee2c82 30%,#fb6962 60%,#fef84c 90%)}@media (min-width:768px){.gradient-heading{font-size:1.75rem;line-height:1.2}}.content-slider{display:flex;gap:1rem;overflow-x:hidden;padding-bottom:1rem;scroll-behavior:smooth}.content-card{flex:0 0 auto;width:185px;border-radius:8px;overflow:hidden;transition:transform .3s;position:relative;cursor:pointer}.content-card:hover{transform:scale(1.05)}.content-card img{width:100%;height:278px;object-fit:cover}.content-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s}.content-card:hover::after,.content-card:hover::before{opacity:1}.content-card-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);transition:transform .3s;z-index:1}.content-card:hover .content-card-info{transform:translateY(-5px)}.content-card h3{font-size:1rem;margin-bottom:.3rem;color:var(--text-color);transition:color .3s}.content-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.content-card::before{content:'\f04b';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;opacity:0;transition:opacity .3s;z-index:2}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:var(--text-color);border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;z-index:10}.scroll-arrow:hover{background-color:rgba(0,0,0,.8)}.scroll-arrow.left{left:10px}.scroll-arrow.right{right:10px}@media (max-width:768px){section{padding:.5rem 5%}#featured-content{height:50vh}.featured-info{padding:1rem 5%}.featured-info h1{font-size:1.5rem}.content-card{width:120px}.content-card img{height:180px}.content-card h3{font-size:.9rem}.content-card-meta{font-size:.7rem}.scroll-arrow{width:30px;height:30px;font-size:1rem}}