@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Almendra:ital,wght@0,400;0,700;1,400;1,700&display=swap";.hero{height:100vh;min-height:700px;position:relative;color:#fff;overflow:hidden;z-index:12}.hero .hero-overlay{position:absolute;background:transparent;max-width:700px;z-index:2;bottom:50px;left:40px}.hero .hero-overlay .hero-content{background:transparent}.hero .hero-overlay .hero-content .hero-genres{display:flex;gap:15px;background:transparent}.hero .hero-overlay .hero-content .hero-genres h4{background:transparent;text-shadow:0 4px 12px rgba(0,0,0,.9)}.hero .hero-overlay .hero-content h1,.hero .hero-overlay .hero-content p,.hero .hero-overlay .hero-content span{background:transparent;margin-bottom:15px;text-shadow:0 4px 12px rgba(0,0,0,.9)}.hero .hero-overlay .hero-content span{font-size:20px;font-weight:400;text-shadow:0 4px 12px rgba(0,0,0,.9)}.hero .hero-overlay .hero-content p{font-size:20px;font-weight:400;margin-top:15px;text-shadow:0 4px 12px rgba(0,0,0,.9)}.hero .hero-overlay .hero-content .star-icon{color:gold;background:transparent}.hero .hero-overlay .hero-btn{background:transparent;display:flex;gap:25px;align-items:center}.hero .hero-overlay .hero-btn .btn-play{background:transparent;padding:10px 20px;cursor:pointer;font-size:24px;color:#fff;border:2px solid silver;border-radius:19px;transition:all .6s ease}.hero .hero-overlay .hero-btn .btn-play .play{margin-right:10px}.hero .hero-overlay .hero-btn .btn-play:hover{transition:all .6s ease;scale:1.1}.hero .hero-overlay .hero-btn .btn-favorite{background:transparent;border:none;font-size:34px;color:#3887f5;cursor:pointer;transition:all .6s ease}.hero .hero-overlay .hero-btn .btn-favorite:hover{transition:all .6s ease;scale:1.1}.hero .hero-overlay .hero-btn .btn-favorite.active{color:gold}.movie-card-link{display:inline-block;transition:all .6s ease;border-radius:14px;box-shadow:0 4px 15px #0000004d}.movie-card-link:hover{transition:all .6s ease;transform:scale(1.08);box-shadow:0 20px 40px #0009}.movie-card-link .movie-card-info{padding:14px}.movie-card-link .movie-card-rating{color:gold}.movie-card-link .movie-card-genre{margin-right:10px}.popular-section{padding:60px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:2.6rem;color:#fff}.scroll-buttons{display:flex;gap:12px}.scroll-buttons button{width:45px;height:45px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.4rem;cursor:pointer;transition:all .3s ease}.scroll-buttons button:hover{background:#ffffff40;transform:scale(1.1)}.movies-carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:20px;scrollbar-width:none}.movies-carousel::-webkit-scrollbar{display:none}.carousel-item{flex-shrink:0;width:240px}@media(max-width:425px){.section-header{display:flex;flex-direction:column}.section-header h1{margin-bottom:20px}}.genre-card{width:350px;height:auto;overflow:hidden;box-shadow:0 4px 15px #0000004d;border-radius:14px}.genre-card:hover{transition:all .6s ease;transform:scale(1.08);box-shadow:0 20px 40px #0009}.genre-card img{width:100%;height:480px;object-fit:cover;border-radius:14px}.genre-card h3{padding:15px}.header{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding-bottom:20px;border-bottom:1px solid silver}.header a{transition:all .6s ease;display:inline-block}.header a:hover{transform:scale(1.1);transition:all .6s ease;color:red}.header a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:red;transition:width .4s ease,left .4s ease}.header a:hover{color:red}.header a:hover:before{width:100%;left:0}.header .logo{font-size:50px;font-weight:600;color:#fff}.header .logo .logo-red{color:red}.header .navigation{display:flex}.header .nav{margin-right:40px}.header ul{display:flex;gap:60px}.header ul li{list-style:none}.header button{border:none;color:#fff;font-size:18px;cursor:pointer;transition:all .6s ease;display:inline-block}.header button:hover{transform:scale(1.1);transition:all .6s ease;color:red}.header input{color:#fff;border:none;padding:3px}@media(max-width:768px){.header{display:flex;flex-direction:column}}@media(max-width:425px){.header .navigation{display:flex;flex-direction:column;text-align:center}.header .navigation button{margin-top:20px}.header ul{display:flex;flex-direction:column}}.search-dropdown{display:flex;flex-direction:column;z-index:13;position:absolute;background:transparent;top:100px;right:150px;gap:20px}.search-dropdown .search-result-item{display:flex;flex-direction:column;max-width:150px;padding:15px;border-radius:15px}.movie-details-page{min-height:100vh;position:relative;color:#fff}.backdrop{position:absolute;top:0;left:0;right:0;height:65vh;background-size:cover;background-position:center top;z-index:1}.backdrop-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0009 50%,#000000f2 85%,#0a0a0a)}.container.content{position:relative;z-index:2;padding-top:40px}.back-button{color:#ccc;text-decoration:none;font-size:1.1rem;display:inline-flex;align-items:center;gap:8px;margin-bottom:30px;transition:color .3s}.back-button:hover{color:#fff}.movie-main{display:flex;gap:60px;margin-top:20px}.poster-side{flex-shrink:0}.poster{width:340px;border-radius:16px;box-shadow:0 20px 50px #000000b3}.info-side{flex:1}.title{font-size:3.5rem;font-weight:700;margin-bottom:15px;line-height:1.1}.meta{display:flex;gap:30px;font-size:1.35rem;margin-bottom:25px;color:#ddd;align-items:center}.meta-stars{color:gold}.genres{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.genre-tag{background:#ffffff26;padding:8px 20px;border-radius:30px;font-size:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tagline{font-style:italic;color:#bbb;font-size:1.3rem;margin:20px 0}.overview{font-size:1.2rem;line-height:1.75;color:#eee;margin-bottom:40px}.trailer-section{margin-top:40px;margin-bottom:40px}.trailer-section h3{margin-bottom:15px;font-size:1.6rem}.trailer-container{border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0009}iframe{width:100%;height:480px;border:none}.btn-favorite-details{background:transparent;border:none;font-size:34px;color:#3887f5;cursor:pointer;transition:all .6s ease}.btn-favorite-details:hover{transition:all .6s ease;scale:1.1}.btn-favorite-details.active{color:gold}@media(max-width:900px){.movie-main{flex-direction:column;gap:40px}.poster{width:100%;max-width:320px;margin:0 auto}.title{font-size:2.8rem}}.favorites-section .favorite-title{text-align:center;margin-top:20px}.favorites-section .favorite-card{display:flex;justify-content:space-between;gap:50px;margin-bottom:40px;cursor:pointer;align-items:center;transition:all .6s ease;background:transparent;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #0000004d;padding:12px}.favorites-section .favorite-card:hover{transition:all .6s ease;transform:scale(1.08);box-shadow:0 20px 40px #0009}.favorites-section .favorite-card .favorite-img{max-width:150px}.favorites-section .favorite-card .favorite-img img{width:100%}.favorites-section .favorite-card .favorites-description h1{text-align:center;margin-bottom:20px}.favorites-section .favorite-card .favorite-btn-card button{background:#ff00001a;border:1px solid rgba(255,0,0,.4);color:#ff4d4d;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.favorites-section .favorite-card .favorite-btn-card button:hover{background:#ff000040;color:#fff;box-shadow:0 0 10px #f009;transform:scale(1.05)}.favorites-section .favorite-card .favorite-btn-card button:active{transform:scale(.95)}@media(max-width:768px){.favorite-card{display:flex;flex-direction:column}.favorite-card .favorite-img img{display:none}}.genrePage-container .genrePage-title{text-align:center}.genrePage-container .movies-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:30px;margin-bottom:30px}.genrePage-container .movies-grid .movie-card-link{max-width:350px}.genrePage-container .movies-grid .movie-card-link img{width:100%}.genrePage-title{text-align:center}.movies-grid{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:30px;margin-bottom:30px}.movies-grid .movie-card-link{max-width:350px}.movies-grid .movie-card-link img{width:100%}.genrePage-btn{display:block;margin:0 auto;background:transparent;padding:10px 20px;cursor:pointer;font-size:24px;color:#fff;border:2px solid silver;border-radius:19px;transition:all .6s ease}.genrePage-btn .play{margin-right:10px}.genrePage-btn:hover{transition:all .6s ease;scale:1.1}.about{text-align:center;font-size:24px}.about p{margin-top:50px}*{margin:0;bottom:0;background:#1e1e1e}* body{margin:0 5%;font-family:Almendra,serif}* body a{text-decoration:none;color:#fff;font-size:24px;font-weight:400}* body h1,* body h3,* body p,* body span{color:#fff}