body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;justify-content:space-between;padding:0 40px;background-color:rgba(0,0,0,.7);z-index:100}.nav-left,.navbar{display:flex;align-items:center}.nav-left{grid-gap:20px;gap:20px}.logo{font-size:24px;font-weight:700;color:#fff;-webkit-animation:logoFadeIn 1s ease-in-out;animation:logoFadeIn 1s ease-in-out}@-webkit-keyframes logoFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes logoFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-options{display:flex;grid-gap:20px;gap:20px;-webkit-animation:optionsFadeIn 1s ease-in-out;animation:optionsFadeIn 1s ease-in-out}@-webkit-keyframes optionsFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes optionsFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-link{color:#fff;text-decoration:none;position:relative;transition:color .3s}.nav-link:hover{color:red}.nav-link:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.nav-link:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;-webkit-animation:avatarFadeIn 1s ease-in-out;animation:avatarFadeIn 1s ease-in-out}@-webkit-keyframes avatarFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes avatarFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;cursor:pointer;-webkit-animation:menuToggleFadeIn 1s ease-in-out;animation:menuToggleFadeIn 1s ease-in-out}@-webkit-keyframes menuToggleFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes menuToggleFadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.menu-toggle .line{width:100%;height:2px;background-color:#fff;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.nav-right{display:flex;align-items:center;grid-gap:20px;gap:20px}@media (max-width:768px){.nav-left{grid-gap:10px;gap:10px}.nav-left,.nav-options{flex-direction:column;align-items:center}.nav-options{display:none;width:100%;background-color:rgba(0,0,0,.7);padding:20px 0;position:absolute;top:80px;left:0;z-index:99}.menu-toggle,.nav-options.open{display:flex}.menu-toggle.open .line-1{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.menu-toggle.open .line-2{-webkit-transform:scaleX(0);transform:scaleX(0)}.menu-toggle.open .line-3{-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}.navbar{background-color:initial}}.banner{background-size:cover;color:#f5f5f5}.content{padding-top:10%;height:50%;padding-left:1rem}.button{color:#fff;outline:none;border:none;font-weight:700;border-radius:2rem;padding-top:.5rem;padding-bottom:.5rem;background-color:rgba(51,51,51,.5);cursor:pointer;margin-right:1rem;width:20%}.button:hover{color:#000;background-color:#e6e6e6}.title{font-size:3rem;font-weight:800;padding-bottom:.3rem;-webkit-animation:fadeInUp 1s ease-in-out;animation:fadeInUp 1s ease-in-out}.title:hover{color:red}.description{width:100%;line-height:1.3;padding-top:1rem;font-size:1rem;height:auto;max-width:360px;-webkit-animation:fadeInUp 1s ease-in-out;animation:fadeInUp 1s ease-in-out;overflow:hidden}@media (min-width:768px){.description{width:45rem}}.description:hover{color:red}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fade_bottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}@media (max-width:768px){.banner{height:300px}.content{padding-top:20%}.button{width:40%}}*{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#111}.row{margin-left:20px;color:#fff}.title{font-size:24px;margin-bottom:10px;text-transform:uppercase;-webkit-animation:fadeIn 1s;animation:fadeIn 1s}.posters{display:flex;padding:20px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:thin;-webkit-animation:slideIn 1s;animation:slideIn 1s}.posters::-webkit-scrollbar{display:none}.poster{position:relative;max-height:250px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.poster,.smallposter{margin-right:10px;cursor:pointer}.smallposter{max-height:190px}.poster:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.poster:hover .overlay{opacity:1}.movie-title{font-size:18px;font-weight:700;margin-bottom:5px}@-webkit-keyframes slideIn{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{color:#fff;outline:none;border:none;font-weight:700;border-radius:2rem;padding-top:.5rem;padding-bottom:.5rem;background-color:rgba(51,51,51,.5);cursor:pointer;margin-right:1rem;width:20%}button:hover{color:#000;background-color:#e6e6e6}.overlay{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.8);padding:10px;opacity:0;transition:opacity .3s;overflow:hidden}.movie-description{font-size:14px;line-height:1.2;max-height:3.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}@media (max-width:768px){.posters{overflow-x:auto;scrollbar-width:none}.poster{max-height:160px}.smallposter{max-height:120px}}.footer{background-color:#111;color:#fff;padding:60px 0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto}.footer-section{flex-basis:50%;margin-bottom:40px}.footer-section h3{font-size:20px;margin-bottom:20px}.footer-section p{font-size:14px;line-height:1.5}.social-icons{display:flex;align-items:center;margin-top:20px}.social-icons a{color:#fff;font-size:24px;margin-right:15px;transition:color .3s ease}.social-icons a:hover{color:#fc0}.footer-bottom{text-align:center;margin-top:30px}.footer-bottom p{font-size:12px}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.footer-section,.social-icons a{-webkit-animation:fadeInUp .8s ease-in-out;animation:fadeInUp .8s ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.social-icons a{-webkit-animation-delay:.2s;animation-delay:.2s}@media (max-width:768px){.footer-section{flex-basis:100%}}@media (max-width:480px){.footer-content{padding:40px 20px}.footer-section{margin-bottom:30px}.footer-section h3{font-size:18px}.social-icons a{font-size:20px}.footer-bottom p{font-size:10px}}.login-container{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;background-image:url(https://e0.pxfuel.com/wallpapers/442/396/desktop-wallpaper-film-posters-collage-movies-resolution.jpg);background-size:cover;background-position:50%}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}.login-content{z-index:1;text-align:center;color:#fff}.login-title{font-size:32px}.login-form,.login-title{margin-bottom:20px}.login-input{width:300px;margin:10px auto;padding:10px;background-color:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:5px;color:#fff;font-size:16px;transition:background-color .3s ease}.login-input:focus{outline:none;background-color:hsla(0,0%,100%,.3)}.login-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.login-button:hover{background-color:#0056b3}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.2f142e3f.chunk.css.map */