@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.App{min-height:100vh;overflow-x:hidden}:root{--info-section-color: #06062d}.info--section{color:#fff;display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;background-color:var(--info-section-color);width:90%;margin:0 auto;margin-bottom:1rem;position:relative;border-radius:5px;transform:translateY(-100px)}.info{display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #6a6d6c;padding:1rem 0}.info>.info--text{display:flex;flex-direction:column;gap:1rem;flex-basis:100%;text-align:center;padding:1rem 3rem}.info>.info--text>h2{font-weight:800;font-size:clamp(2.2rem,3.5vw,2.8rem)}.info>.info--text>p{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.3}.info>img{flex-basis:100%;width:100%}@media (width >= 800px){.info--section{transform:translateY(-180px)}.info{flex-direction:row}.info:nth-child(even){flex-direction:row-reverse}.info--text{flex-basis:50%;text-align:left!important}.info>img{flex-basis:50%;width:50%}}:root{--accordian-question: #15346a;--accordian-answer: #15346a;--hover-background: #23408f}.accordian--wrapper{width:90%;margin:0 auto;color:#fff;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.accordian--wrapper>h3{font-size:clamp(2rem,3.5vw,3rem);text-align:center}.accordian--wrapper .accordian--container{display:flex;flex-direction:column;gap:1rem}.accordian--wrapper .accordian--container>.accordian{display:flex;flex-direction:column;gap:2px}.accordian--wrapper .accordian--container>.accordian>.accordian--question{display:flex;padding:1rem;justify-content:space-between;align-items:center;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:800;background:var(--accordian-question);cursor:pointer;transition:.3s linear}.accordian--wrapper .accordian--container>.accordian>.accordian--question>h4{user-select:none}.accordian--wrapper .accordian--container>.accordian>.accordian--question:hover{background:var(--hover-background)}.accordian--wrapper .accordian--container>.accordian>.accordian--answer{display:none;flex-direction:column;padding:1rem;gap:8px;background:var(--accordian-answer);font-size:clamp(1rem,2vw,1.2rem)}.accordian--wrapper .accordian--container>.accordian>.accordian--answer.show{display:flex}@media (width >= 800px){h3{text-align:left!important}}:root{--footer-text-color: #cccccd}footer{display:flex;flex-direction:column;gap:4rem;width:90%;margin:0 auto;margin-top:3rem;padding:1rem 1rem 2rem;color:var(--footer-text-color)}footer>h5{font-size:clamp(1rem,2vw,1.2rem);font-weight:500}footer>ul{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;list-style:none}footer>ul>li>a{color:var(--footer-text-color);font-size:.9rem;transition:.3s linear}footer>ul>li>a:hover{color:red}@media (width >= 450px){footer>.links{grid-template-columns:repeat(2,1fr)}}@media (width >= 800px){footer>.links{grid-template-columns:repeat(3,1fr)}}@media (width >= 1100px){footer>.links{grid-template-columns:repeat(4,1fr)}}:root{--font-Inter: "Inter", sans-serif;--background-color: rgba(1, 8, 36, .55);--main-background-color: #01061b;--red: #f80d34}*{margin:0;padding:0;box-sizing:border-box}header{position:relative;background-image:linear-gradient(to top,var(--background-color),var(--background-color)),url(/images/netflix-bg.jpg);background-size:cover;background-position:center;min-height:100vh;padding:1rem 1.5rem}header:after{position:absolute;content:"";bottom:0;right:0;left:0;z-index:0;height:300px;width:100%;background-image:linear-gradient(to top,rgba(1,8,36,1),rgba(1,12,57,0))}nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:444}nav>img{width:100px;height:25px;object-fit:contain}nav>.links--container{--font-links: 1rem;display:flex;gap:1rem;align-items:center;font-size:var(--font-links);color:#fff}.language--selector{display:flex;flex-direction:column;gap:5px;position:relative;width:140px}.language--selector>.language{--option-width: 140px;display:flex;gap:14px;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:8px 12px;width:var(--option-width);border-radius:5px;align-items:center;border:1px solid #ccc;cursor:pointer;justify-content:center;transition:.3s linear}.language--selector>.language>span{user-select:none}.language--selector>.language.open{border:1px solid red}.language--selector>.dropdown--menu{position:absolute;display:flex;justify-content:center;gap:0rem;flex-direction:column;width:100%;top:30px;opacity:0;transition:.4s linear}.language--selector>.dropdown--menu.show{top:50px;opacity:1}.language--selector>.dropdown--menu>.option{padding:6px 0;background:rgba(0,0,0,.6);text-align:center;backdrop-filter:blur(10px);border:1px solid #8e8e8d;cursor:pointer;user-select:none;transition:.3s ease-in-out}.language--selector>.dropdown--menu>.option:nth-child(1){border-radius:5px 5px 0 0}.language--selector>.dropdown--menu>.option:nth-child(2){border-radius:0 0 5px 5px}.language--selector>.dropdown--menu>.option:hover{background:#8299f7}.signin--btn{padding:8px 14px;background:var(--red);color:#fff;text-decoration:none;border-radius:3px;transition:.3s linear}.signin--btn:hover{filter:brightness(150%)}.membership--wrapper{position:relative;z-index:444;display:flex;flex-direction:column;gap:2rem;padding:1rem 8px;margin:6rem 0 2rem;color:#fff}.membership--wrapper>p{font-size:1.1rem;font-weight:500}.signup--wrapper{background:linear-gradient(to right,red,blue);border-radius:3px;padding:4px}.signup--container{border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.signup--container>p{font-weight:500;font-size:1rem;line-height:1.3}.signup--container form{display:flex;flex-direction:column;gap:10px}form>.input--container{display:flex;flex-direction:column;gap:8px}form>div>input{border:2px solid #9f9f9f;border-radius:3px;background:#1b1b1b;outline:none;width:100%;color:#fff;padding:10px;transition:.4s linear}form>div>input:invalid{border:2px solid #f81a9c;color:#f81a9c}form>div>input:invalid~small{opacity:1;font-size:.8rem;color:var(--red)}form>.input--container>small{opacity:0;font-size:.5rem;margin-left:3px;color:#fff;transition:.3s linear}form>button{cursor:pointer;background:var(--red);color:#fff;font-size:1.2rem;border-radius:3px;width:fit-content;padding:10px 12px;border:none;outline:none;transition:.3s ease-in-out}form>button:hover{filter:brightness(190%)}@media (width >= 800px){nav{width:90%;margin:0 auto}nav>img{width:140px;height:70px}nav>.links--container{--font-links: 1.2rem}.language--selector{width:160px}.language--selector>.language{--option-width: 160px}.membership--wrapper{width:90%;margin-left:auto;margin-right:auto}.membership--wrapper>h1{font-size:clamp(3rem,5vw,3.5rem)}.membership--wrapper>p{font-size:clamp(1.3rem,2.5vw,1.5rem)}.signup--wrapper>div>p{font-size:clamp(1rem,2vw,1.2rem)}.signup--wrapper form{flex-direction:row;align-items:start;justify-content:space-around;gap:0}form>.input--container{width:77%}form>.input--container>input{padding:10px 12px;font-size:1.2rem}form>button{white-space:nowrap}}:root{--body-image-color: rgba(0, 0, 0, .6);--red: #f80d34;--error-color: #f96422}body{position:relative;background:var(--main-background-color);font-family:var(--font-Inter);min-height:100vh;overflow-x:hidden}.signup--comp>nav{padding:1rem}.signup--comp{color:#fff;font-family:Inter,sans-serif}.signup--comp>main{min-height:90vh;display:flex;justify-content:center;align-items:center}.signin--input{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border-radius:5px;width:clamp(350px,60%,500px);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.signin--input>h1{font-size:clamp(1.8rem,3vw,2.8rem)}.signin--input>form{display:flex;flex-direction:column;gap:1rem}.input--wrapper{position:relative}.input--wrapper>input{padding:15px 10px;font-size:1rem;width:100%;margin:8px 0;border:none;height:100%;border-radius:5px;transition:.3s linear}.input--wrapper>input:focus{filter:brightness(200%)}.input--wrapper>input:invalid{border:none;color:var(--error-color);border-bottom:2px solid var(--error-color)}.input--wrapper>input:invalid~small{color:var(--error-color);opacity:1;display:block}.input--wrapper>small{opacity:0;font-size:.7rem;display:none;transition:.3s ease-in-out}.password--wrapper>span{position:absolute;top:50%;right:15px;font-size:.9rem;color:#ccc;user-select:none;transform:translateY(-50%);cursor:pointer}.password--wrapper>span:hover{color:#fff}.button--wrapper{display:flex;flex-direction:column;gap:1rem}.button--wrapper>button{background:var(--red);padding:6px 12px;color:#fff;border:none;outline:none;border-radius:5px;font-size:1.1rem;cursor:pointer;user-select:none;transition:.3s ease}.button--wrapper>button:hover{filter:brightness(150%)}.button--wrapper>.remember--container{display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:.8rem}.button--wrapper>.remember--container>.checkbox{display:flex;align-items:center;gap:5px;padding:4px}.button--wrapper>.remember--container>.checkbox>input[type=checkbox]{accent-color:red;border:none;outline:none;height:20px;width:20px;border-radius:50px}.additional--links{display:flex;flex-direction:column;font-size:.8rem;font-weight:500;color:#ccc;gap:1rem}.additional--links>.home--link{display:flex;align-items:center;gap:5px}.additional--links>.home--link>a{text-decoration:none;color:#fff;font-size:1.1rem}.additional--links>.home--link>a:hover{text-decoration:underline}.additional--links>.additional--info>p{margin:10px 0;line-height:1.4}.additional--links>.additional--info>p>span{color:#229ff9;cursor:pointer;user-select:none}.additional--links>.additional--info>p>span:hover{text-decoration:underline}.signup--comp{background-image:linear-gradient(to top,var(--body-image-color),var(--body-image-color)),url(/images/netflix-bg.jpg);background-position:center;background-size:cover;overflow-x:hidden;min-height:100vh}.signup--comp>nav{width:100%;padding:.5rem}.signup--comp>nav>img{width:clamp(100px,10%,130px)}.signup--comp>nav>.links--container{--font-links: clamp(.9rem, 1.5vw, 1.1rem)}.signup--comp .language--selector>.language{--option-width: 120px}.signup--comp>footer{display:flex;flex-direction:column;gap:2.5rem;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);padding:2rem 1rem;width:100%;margin-bottom:0;overflow:hidden;height:70vh}@media (width >= 450px){.signup--comp>footer{height:55vh}}@media (width >= 800px){.signup--comp>main{align-items:flex-start!important}.signup--comp>nav{width:95%}.signin--input{margin-top:5rem}.signup--comp .language--selector>.language{--option-width: 140px}.signup--comp>footer{height:50vh}}