*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;font-size:62.5%;background:#000;color:#fff}.hero{position:relative}.banner-img{width:100%;mask-image:linear-gradient(to right,transparent,black 75%);-webkit-mask-image:linear-gradient(to right,transparent,black 75%)}.hero-caption{position:absolute;width:100%;bottom:0;padding-left:6%}.caption-img{width:90%;max-width:420px;margin-bottom:30px}.hero-caption p{max-width:700px;font-size:.8rem;margin-bottom:20px}.hero-btns{display:flex;gap:10px;margin-bottom:50px}.hero-btns .btn{border-radius:10px;outline:0;border:0;padding:.3rem 1rem;display:flex;justify-content:center;align-items:center;gap:10px;font-size:1rem;background:#fff;cursor:pointer}.hero-btns img{width:25px}.hero-btns .btn.dark-btn{color:#fff;background:#6d6d6eb2}.hero-btns .btn:hover{background:#ffffffbf}.hero-btns .btn.dark-btn:hover{background:#6d6d6e66}@media(max-width:1024px){.hero-caption .title-cards{display:none}.hero-btns{margin-bottom:30px}}@media(max-width:800px){.hero-caption{padding-left:4%}.caption-img{width:40%;margin-bottom:10px}.hero-btns.btn img{width:20px}.more-cards{padding-left:4%}}@media(max-width:500px){.caption-img{display:none}.hero-btns.btn img{width:15px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 6%;width:100%;position:fixed;font-size:.9rem;color:#e5e5e5;background-image:linear-gradient(180deg,rgba(0,0,0,.7) 10%,transparent);z-index:1}.navbar-left{display:flex;gap:40px;align-items:center}.navbar-left img{width:100px}.navbar-left ul{display:flex;gap:20px;text-decoration:none}.navbar-left a{text-decoration:none;color:inherit}.navbar-left li{list-style:none;cursor:pointer}.navbar-left li:hover{color:#f15710}.navbar-right{display:flex;gap:1.5rem;align-items:center}.navbar-right img{cursor:pointer}.navbar-profile{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.navbar-profile :first-child{width:25px}.nav-dark{background:#141414}.dropdown{position:absolute;top:100%;right:0;margin-top:10px;background-color:#1111118c;color:#fff;padding:5px 30px;border-radius:4px;width:max-content;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:100}.dropdown p{display:flex;justify-content:center;margin:0;padding:8px 0;font-size:14px}.dropdown p:hover{text-decoration:underline}.navbar-profile:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width:800px){.navbar{padding:20px 4%}.navbar-left ul{display:none}.navbar img{height:25px}}@media(max-width:500px){.navbar img{height:20px}.navbar-right{gap:10px}}.title-cards{margin-top:50px;margin-bottom:30px}.title-cards h2{margin-bottom:8px;font-size:1.2rem}.card-list{display:flex;gap:10px;overflow-x:scroll}.card-list::-webkit-scrollbar{display:none}.card-list img{width:240px;border-radius:7px;cursor:pointer}.card{position:relative}.card p{position:absolute;top:85%;padding-left:6%;font-weight:700}.more-cards{padding-left:6%}.card-list a{text-decoration:none;color:#fff}@media(max-width:800px){.title-cards{margin-top:20px;margin-bottom:0}.card-list img{width:200px}}@media(max-width:800px){.title-cards{margin-top:15px;margin-bottom:0}.card-list img{width:165px}}.footer{display:flex;align-items:center;gap:5rem;padding:1rem 2rem;justify-content:space-around}.footer-icons{display:flex;gap:30px}.footer-icons img{width:25px;cursor:pointer}.footer ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:2rem;row-gap:1rem}.footer ul li{list-style:none;font-size:.75rem;cursor:pointer}.footer ul li:hover{color:#f15710}.copyright-info{font-size:1rem}.store-icons{display:flex;flex-direction:column;justify-content:center}.store-icons p{font-size:1rem;margin-bottom:.7rem}.store-icons img{width:100px;cursor:pointer}@media(max-width:800px){.footer{flex-direction:column}}.player{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.player img{position:absolute;top:20px;left:20px;width:30px;cursor:pointer}.player iframe{border-radius:10px}.player-info{margin-top:2rem;display:flex;align-items:center;justify-content:space-between;width:90%}.login{height:100vh;background-image:linear-gradient(#0000007e),url(/assets/netflix_bg-DgbP71Uh.jpg);padding:20px 8%}.login-logo{width:150px}.login-form{width:100%;max-width:400px;background:#000000bf;border-radius:10px;padding:60px;margin:auto}.login-form h1{font-size:2rem;margin-bottom:1rem;text-align:center}form input{width:100%;height:50px;background:#333;color:#fff;margin:12px 0;border:0;outline:0;padding:12px 20px;border-radius:4px;font-size:.85rem;font-weight:500;-webkit-font-feature-settings:antaliased;-webkit-font-smoothing:antialiased}.login-form input::placeholder{color:#ffffff4b;-webkit-font-feature-settings:antaliased;-webkit-font-smoothing:antialiased}.login-form button{width:100%;border:0;outline:0;padding:16px;color:#fff;background:#e50914;border-radius:7px;font-size:1rem;font-weight:500;margin-top:20px;cursor:pointer}.form-help{display:flex;justify-content:space-between;align-items:center;color:#b3b3b3;margin-top:2rem;font:1.2rem}.form-help p{font-size:.8rem;font-weight:700}.remember label{display:flex;align-items:center;gap:10px;font-weight:500;font-size:.8rem}.remember input{height:18px;width:18px}.form-switch{margin-top:2rem;display:flex;flex-direction:column;gap:15px}.form-switch p{font-size:.8rem;color:#6b6a6a}.form-switch span{margin-left:5px;font-weight:600;cursor:pointer;font-size:.9rem;color:#fff}@media(max-width:500){.login{padding:15px 6%}.login-form{padding:20px;margin-top:30px}}