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}.login{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,black 100%),url(https://assets.nflxext.com/ffe/siteui/vlv3/0bd3a69d-6790-4edc-9818-1c8c558946c2/e1a8a32a-a07a-4bae-965a-9b218881763e/IN-en-20220329-popsignuptwoweeks-perspective_alpha_website_large.jpg);width:100vw;height:100vh;overflow:hidden;position:relative}.login .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.login .top .wrapper .logo{height:40px}.login .container{color:#fff;width:100%;height:100%;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0}.login .container form{width:300px;height:300px;padding:30px;border-radius:5px;display:flex;background-color:var(--main-color);flex-direction:column;justify-content:space-around}@media (max-width: 480px){.login .container form{width:70vw}}.login .container form a{text-decoration:none;color:#fff}.login .container form a:hover{color:#fff}.login .container form h1{margin:0;padding-bottom:10px;text-align:center}.login .container form input{height:40px;border-radius:5px;background-color:gray;color:#fff;padding-left:10px}.login .container form input::placeholder{color:#fff}.login .container form button{height:40px;border-radius:5px;background-color:red;color:#fff;border:none}.login .container form span b{color:#fff}.register{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 1%,black 100%),url(https://assets.nflxext.com/ffe/siteui/vlv3/0bd3a69d-6790-4edc-9818-1c8c558946c2/e1a8a32a-a07a-4bae-965a-9b218881763e/IN-en-20220329-popsignuptwoweeks-perspective_alpha_website_large.jpg);width:100%;height:75vh;position:relative}.register .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.register .top .wrapper .logo{height:40px}.register .top .wrapper .loginButton{background-color:#f51616;border:none;color:#fff;border-radius:5px;padding:5px 15px;font-size:16px;font-weight:500;cursor:pointer;pointer-events:all;z-index:85}.register .container{color:#fff;width:100%;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:0}.register .container h1{font-size:50px;margin:0}@media (max-width: 480px){.register .container h1{font-size:30px;text-align:center;margin-top:15px}}.register .container p{font-size:20px;text-align:center;margin:10px}@media (max-width: 480px){.register .container p{font-size:15px;text-align:center}}.register .container .input1{width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-top:20px;height:50px;border-radius:5px}@media (max-width: 480px){.register .container .input1{background-color:transparent;width:40%;margin:50px auto auto}}.register .container .input1 input{flex:11;height:100%;border:none;padding:0 10%}@media (max-width: 480px){.register .container .input1 input{margin:3px}}.register .container .input1 .registerButton{flex:3;height:100%;background-color:red;border:none;color:#fff;padding:0vh 5vh;cursor:pointer}.register .container .input{width:100%;background-color:#fff;display:flex;justify-content:center;margin-top:20px;height:50px;border-radius:5px}@media (max-width: 480px){.register .container .input{flex-direction:column;display:block;background-color:transparent;width:250px}}.register .container .input #errSmall{display:none}@media (max-width: 480px){.register .container .input #errSmall{display:block}}@media (max-width: 480px){.register .container .input p{position:"absolute";z-index:65}}.register .container .input input{flex:11;height:100%;border:none;padding:0 10%}@media (max-width: 480px){.register .container .input input{margin:3px}}.register .container .input .registerButton{flex:3;height:100%;background-color:red;border:none;color:#fff;padding:0vh 5vh;cursor:pointer}@media (max-width: 480px){.register .container .input .registerButton{margin-left:10vh;margin-top:10px}}.register .container #errLarger{display:block}@media (max-width: 480px){.register .container #errLarger{display:none;color:#000}}.section{width:100%;background-color:#000;color:#fff;border-bottom:.5em solid #222}.section .container{width:70%;margin:0 auto;padding:1em 0;display:flex}@media (max-width: 480px){.section .container{display:block}.section .container .section__text{text-align:center;font-size:10px}}.section .container .section__content{margin:2em auto 0;max-width:600px}.section .container .section__content .section-animation-container{position:relative}.section .container .section__content .section-animation-container .section-animation-image{position:relative;width:100%;z-index:10}.section .container .section__content .section-animation-container .section-animation{position:absolute;left:0;z-index:0;width:100%}.section .container .section__content .section-animation-container .section-animation-2{bottom:15%;z-index:20}.section .container .section__content .section-animation-container .section-animation-2 .animation-box{margin:0 auto;width:70%;border:.2em solid #222;border-radius:.75em;background:black;display:flex;padding:.1em .5em}.section .container .section__content .section-animation-container .section-animation-2 .animation-box .animation-poster{height:3.5em;margin-right:1em}.section .container .section__content .section-animation-container .section-animation-2 .animation-box .animation-text{display:flex;flex-flow:column;flex-grow:1;align-content:center;margin:auto;line-height:1.5em}.section .container .section__content .section-animation-container .section-animation-2 .animation-box .animation-text p{margin:0}.section .container .section__content .section-animation-container .section-animation-2 .animation-box .download-gif{height:3em;margin:auto}.section .container .section__content .section-animation-container .section-animation-3{top:8%;width:60%;position:absolute;left:18%}.section2 .container{flex-flow:row-reverse}.footer{color:#757575;background-color:#000}.footer .container{width:80%;margin:0 auto;padding:3em 0}.footer .container .footer-container{padding:0;margin:1em 0 0}.footer .container .footer-container .footer-link-item{display:inline-block;width:20%;padding-left:1em;list-style:none;text-align:left}@media (max-width: 768px){.footer .container .footer-container .footer-link-item{width:35%}}.footer .container .footer-container a{text-decoration:none;color:#757575;font-size:.8rem}.home{background-color:var(--main-color);overflow:hidden}.navbar{width:100%;color:#fff;font-size:14px;position:fixed;top:0;z-index:999;background:linear-gradient(to top,transparent 0%,rgba(0,0,0,.3) 50%)}.navbar .small_logo{height:25px;margin-right:40px;display:none}@media (max-width: 768px){.navbar .small_logo{display:none}}@media (max-width: 480px){.navbar .small_logo{display:block;margin:20px auto auto}}.navbar.scrolled{background-color:var(--main-color)}.navbar .container{padding:0 50px;display:flex;align-items:center;justify-content:space-between;height:70px}@media (max-width: 480px){.navbar .container{width:80vw;padding:0;margin-left:3vw}}.navbar .container .left{display:flex;align-items:center}.navbar .container .left img{height:25px;margin-right:40px}@media (max-width: 480px){.navbar .container .left img{display:none}}.navbar .container .left span{margin-right:20px;cursor:pointer}@media (max-width: 768px){.navbar .container .left span{display:none}}@media (max-width: 768px){.navbar .container .left span.mainLink{display:block}}.navbar .container .right{display:flex;align-items:center}.navbar .container .right .searchdiv{position:absolute;top:75px;right:100px}@media (max-width: 768px){.navbar .container .right .searchdiv{top:50px}}@media (max-width: 480px){.navbar .container .right .searchdiv{top:90px}}.navbar .container .right .searchdiv a{color:#fff}.navbar .container .right .searchdiv .search_input{margin:5px}.navbar .container .right .searchdiv .searchBox{color:#fff;overflow:hidden;margin:5px;height:300px;background-color:#000}.navbar .container .right .icon{margin:0 15px;cursor:pointer}.navbar .container .right img{width:30px;height:30px;border-radius:5px;object-fit:cover;cursor:pointer}.navbar .container .right .profile .options{display:none;background-color:var(--main-color);border-radius:5px}.navbar .container .right .profile span{padding:10px;cursor:pointer}.navbar .container .right .profile:hover .options{display:flex;flex-direction:column;position:absolute}:root{--main-color: #0b0b0b}.link{color:inherit;text-decoration:none}.featured{height:90vh;position:relative}.featured .category{position:absolute;top:80px;left:50px;font-size:30px;font-weight:500;color:#fff;display:flex;align-items:center}.featured .category select{cursor:pointer;background-color:var(--main-color);border:1px solid white;color:#fff;margin-left:20px;padding:5px}.featured img{width:100%;height:100%;object-fit:cover}.featured .info{width:35%;position:absolute;left:50px;bottom:100px;color:#fff;display:flex;flex-direction:column;text-shadow:1px 1px 1px #0f0f0f}@media (max-width: 480px){.featured .info{left:30px}}.featured .info img{width:400px}@media (max-width: 480px){.featured .info img{display:block;width:80vw}}.featured .info .desc{margin:20px 0}@media (max-width: 768px){.featured .info .desc{width:80vw}}.featured .info .buttons{display:flex}.featured .info .buttons a{text-decoration:none}.featured .info .buttons button{padding:10px 20px;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;margin-right:10px;cursor:pointer}.featured .info .buttons button.play{background-color:#fff;color:var(--main-color)}.featured .info .buttons button.more{background-color:gray;color:#fff}.featured .info .buttons button span{margin-left:5px}.listItem{width:225px;height:120px;background-color:var(--main-color);margin-right:5px;overflow:hidden;cursor:pointer;color:#fff}.listItem img{width:100%;height:100%;object-fit:cover}.listItem video{width:100%;height:150px;object-fit:cover;position:absolute;top:0;left:0;transition:all .15s ease}.listItem:hover{width:325px;height:325px;overflow:hidden;position:absolute;top:-150px;border-radius:6px;-webkit-box-shadow:0px 2px 12px 5px rgba(255,255,255,.17);box-shadow:0 2px 12px 5px #ffffff26;z-index:9999}.listItem:hover img{height:150px;display:block}.listItem:hover .iteminfo{display:flex;flex-direction:column;padding:5px}.listItem:hover .iteminfo .icons{display:flex;margin-bottom:10px}.listItem:hover .iteminfo .icons .icon{border:2px solid white;padding:5px;border-radius:50%;margin-right:10px;font-size:16px}.list{width:100%;margin-top:10px}.list .listTitle{color:#fff;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{width:50px;height:100%;background-color:#16161680;color:#fff;position:absolute;z-index:99;top:0;bottom:0;margin:auto;cursor:pointer}.list .wrapper .sliderArrow.left{left:0}.list .wrapper .sliderArrow.right{right:0}.list .wrapper .container{margin-left:50px;display:flex;margin-top:10px;width:max-content;transform:translate(0);transition:all 1s ease}.watch{width:100vw;height:100vh}.watch .back{display:flex;align-items:center;position:absolute;top:10px;left:10px;color:#fff;cursor:pointer;z-index:2}.watch .video{width:100%;height:100%;object-fit:cover}