@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";#root{display:flex;flex-direction:column;min-height:100vh}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.2);z-index:-1}header{font-family:Montserrat,sans-serif}body{display:flex;flex-direction:column;box-sizing:border-box;background:linear-gradient(-45deg,#1a1c26,#212330,#2b0c0e,#121212);background-size:400% 400%;animation:gradientBG 15s ease infinite;min-height:100vh;margin:0;color:#fff}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,#000000 150%);pointer-events:none;z-index:-1}.header__hero{position:relative;width:100%;height:550px;color:#fff;overflow:hidden}.header__hero:before{content:"";position:absolute;inset:0;background-image:url(/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;filter:brightness(.2);z-index:-1}.header__nav{display:flex;align-items:center;justify-content:space-around;position:relative}.nav__logo{color:#fff;display:flex;align-items:center;justify-content:start;gap:10px;margin-left:20px;text-decoration:none;cursor:pointer}.nav__logo--icon{font-size:20px;transition:transform .4s ease}.nav__logo--text{font-weight:700;font-size:20px;transition:color .3s ease,letter-spacing .3s ease}.nav__logo:hover .nav__logo--icon{color:#e50914;transform:rotate(-10deg) scale(1.1)}.nav__logo:hover .nav__logo--text{color:#e50914;letter-spacing:1px}.nav__links{display:flex;align-items:center;gap:25px;font-weight:500}.nav__link{color:#fff;text-decoration:none;font-size:15px;position:relative;padding-bottom:5px}.nav__link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#e50914;transition:width .3s ease-in-out}.nav__link:hover:after{width:100%}.nav__link--btn{color:#242734;text-decoration:none;font-size:15px;background-color:#fff;border-radius:500px;width:100px;text-align:center;padding:5px;font-weight:600;transition:all .3s ease;border:2px solid transparent}.nav__link--btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px #0000004d;background-color:#e50914;color:#fff}.header__search{margin-top:150px;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.search--label{font-family:Montserrat,sans-serif;font-size:45px;text-align:center;margin-bottom:10px;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.search--title{font-family:Montserrat,sans-serif;font-weight:500;color:#ff000d;font-size:40px;text-align:center;margin-top:-130px;margin-bottom:10px;max-width:700px;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.2s}.search--subtitle{font-family:Montserrat,sans-serif;margin-top:0;color:#fff;font-size:15px;text-align:center;margin-bottom:30px;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.4s}.search--white{margin-top:-15px;background-color:#fff;border-radius:500px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border:2px solid #212330;opacity:0;animation:fadeInUp .8s ease-out forwards;animation-delay:.6s;transition:box-shadow .3s ease-in-out,transform .2s ease}.search--white:hover{transform:scale(1.02)}#search-icon-dark{color:#212330}#search-icon{color:#fff}.icon-btn{background:transparent;border:none}.fa-bars{color:#fff}.search--input{width:350px;background-color:#fff;border:none;background-color:transparent;color:#fff}.search--input-dark{width:350px;background-color:#fff;border:none;background-color:transparent;color:#212330}.search--input:focus,.search--input-dark:focus{border:none;outline:none}.home__elements{display:flex;flex-direction:column;justify-content:center;position:relative}.home__car{position:absolute;bottom:0;left:63%;width:100px;z-index:10;opacity:0;transform:translate(100vw);animation:driveInAndStop 1.5s cubic-bezier(.25,1,.5,1) forwards;animation-delay:1.2s}@keyframes driveInAndStop{0%{opacity:1;transform:translate(100vw) scaleX(1)}60%{transform:translate(-60%) skew(-10deg)}80%{transform:translate(-55%) skew(5deg)}to{transform:translate(-50%) skew(0);opacity:1}}.home__img{margin:10px auto 5px;height:230px;opacity:0;animation:scaleIn 1s ease-out forwards;animation-delay:.8s}.search--box{margin-top:10px;background-color:#212330;border-radius:500px;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px;border:2px solid #212330}.search--box:focus-within,.search--white:focus-within{border:2px solid #E50914;box-shadow:0 0 10px #e50914,0 0 20px #e50914;transition:box-shadow .3s ease-in-out}.search--icon{cursor:pointer}.error--box{font-family:Montserrat,sans-serif;margin-top:20px;background-color:#ff8285;border:#FF000D 2px solid;color:#000;width:350px;font-size:14px;text-align:center;padding:0;border-radius:10px}.main{flex-direction:column;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;color:#fff}.top{margin-top:20px;margin-bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:95%}.section__title{margin-left:50px;margin-bottom:0;font-weight:500}.search-item{font-weight:700;color:#ff000d}#filter_dropdown{margin-right:20px;font-size:16px;font-weight:500;background-color:#fff;border-radius:10px;padding:10px 15px;outline:none;border:2px solid #212330}#filter_dropdown:focus{border:2px solid #E50914;box-shadow:0 0 10px #e50914,0 0 10px #e50914;transition:box-shadow .3s ease-in-out}#movies{margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap}.movie--card{margin:20px;width:200px;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:scroll;border:2px solid #212330;border-radius:10px}.movie--overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;width:100%;height:100%;transition:opacity .3s ease}.movie--card:hover .movie--overlay{opacity:1}.movie--card:hover{border:2px solid #E50914;box-shadow:0 0 10px #e50914,0 0 20px #e50914;transition:box-shadow .3s ease-in-out;background-color:#00000080;background-blend-mode:darken}.movie--card-link{text-decoration:none}.movie--card p{color:#fff;text-decoration:none;text-align:center;margin:0}.section__title{color:#fff}.movie-details__container{display:flex;gap:2rem;max-width:1000px;margin:0 auto;padding:2rem}.movie-details__poster{width:300px;border-radius:12px}.movie-details__info h1{margin-bottom:1rem}.movie-details__info p{margin-bottom:.5rem}.back-btn{display:inline-block;margin-top:1.5rem;text-decoration:none;font-weight:700}.movie-details{display:flex}header .small{height:70px}.modal{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;opacity:1;pointer-events:auto;transition:opacity .25s ease}.modal.hidden{opacity:0;pointer-events:none}.modal__overlay{position:absolute;inset:0;background:#000000b3}.modal__content{position:relative;background:#212330;color:#fff;width:400px;max-width:90%;padding:2rem;border-radius:12px;font-family:Montserrat,sans-serif;transform:translateY(0);opacity:1;transition:transform .25s ease,opacity .25s ease}.modal.hidden .modal__content{transform:translateY(-20px);opacity:0}.modal__close{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer}.modal__content h2{margin-bottom:1rem}#contact-form{display:flex;flex-direction:column;gap:12px}#contact-form input,#contact-form textarea{padding:10px;border-radius:8px;border:none;font-family:inherit}#contact-form textarea{resize:none;height:120px}.modal__submit{background:#e50914;color:#fff;border:none;padding:10px;border-radius:20px;font-weight:600;cursor:pointer}.modal__submit:hover{opacity:.9}#form-status{margin-top:20px;margin-bottom:-5px;font-size:14px;text-align:center}.movies__loading{display:flex;justify-content:center;align-items:center;padding-top:60px;width:100%;height:200px}.movies__loading--spinner{font-size:60px;color:#e50914;animation:rotate 1s infinite linear}footer{background-color:#141414;color:#fff;padding:60px 0 20px;margin-top:auto;border-top:2px solid #E50914;font-family:Montserrat,sans-serif;flex:1}.footer__container{margin:0 auto;display:flex;justify-content:space-between;padding:0 40px;flex-wrap:wrap;gap:40px}.footer__col{flex:1}.explore,.connect{display:flex;flex-direction:column;align-items:center}.footer__logo{color:#e50914;font-size:24px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer__tagline{color:#bbb;font-size:14px;line-height:1.6}.footer__title{margin-top:0;font-size:16px;margin-bottom:20px;color:#fff;font-weight:700;letter-spacing:1px}.footer__links{list-style:none;padding:0;margin:0;text-align:center}.footer__links li{margin-bottom:12px}.footer__link{margin:0;color:#bbb;text-decoration:none;transition:color .3s ease;font-size:14px}.footer__link:hover{color:#e50914;text-decoration:underline}.footer__socials{display:flex;gap:15px;justify-content:center}.social--link{color:#fff;background-color:#333;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none;transition:all .3s ease;font-size:18px}.social--link:hover{background-color:#e50914;transform:translateY(-3px)}.footer__copyright{text-align:center;margin-top:50px;padding-top:20px;border-top:1px solid #333;color:#777;font-size:12px}.nav__toggle-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1028px){.movie-details__poster{height:400px}}@media(max-width:768px){.desktop-only{display:none}.nav__toggle-btn{display:block}.nav__mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;z-index:999;animation:fadeIn .3s ease-in-out}.nav__mobile-link{font-size:1.5rem;text-decoration:none;color:#000;font-weight:700}.nav__mobile-link--btn{font-size:1.5rem;text-decoration:none;color:#e50914;font-weight:700}.search--title{margin-top:-20px}.search--white{margin-bottom:-20px}.footer__container{flex-direction:column;text-align:center}.footer__logo,.footer__socials{justify-content:center}.nav__links{gap:15px;flex-wrap:wrap;justify-content:center}.header__hero{height:auto;min-height:70px}.header__search{margin-top:60px;margin-bottom:40px}.search--label{margin-top:30px;text-align:center;padding:0 15px;line-height:1.2}.search--box{width:85%;max-width:350px}.search--input{width:100%}.top{gap:15px;align-items:center}.section__title{text-align:center;font-size:20px}#filter_dropdown{margin-right:0;width:90%;max-width:200px}.movie-details__container{flex-direction:column;align-items:center;text-align:center;padding:1rem;gap:1rem}.movie-details{flex-direction:column;align-items:center}.movie-details__poster{width:100%;max-width:300px;height:auto}.movie-details__info{width:100%}}@media(max-width:650px){.nav__links{font-size:13px;gap:10px}.search--label{font-size:35px}}