:root{--color-main-red: #E50000;--color-main-hover-red: #bf0303;--color-page: #121212;--color-text: #FFFFFF;--color-paragraph: #999999;--color-text-navbar: #cecece;--background-card-black: #1F1F1F;--background-card-black-hover: #2c2c2c;--background-btn-card: #141414;--background-btn-black: #0F0F0F;--border-card-black: rgb(45, 45, 45);--radius-btn: 8px;--normal-font-size: 16px;--mobile-font-size: 14px;--padding-desktop: 120px;--padding-mobile: 16px}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}a{all:unset;cursor:pointer}p{margin:0;padding:0}#footer{padding:0px var(--padding-desktop);background-color:var(--background-btn-black)}.footer-container{display:grid;grid-template-columns:repeat(6,1fr);padding:80px 0}.footer-col h4{font-size:18px;color:var(--color-text);margin-bottom:14px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:10px}.footer-col li a{color:var(--color-paragraph);font-size:var(--normal-font-size);font-weight:600;transition:color .35s ease-in-out}.footer-col li a:hover{color:var(--color-text-navbar)}.social ul{display:flex;gap:10px}.social li i{color:var(--color-text);padding:12px;font-size:18px;background-color:var(--background-card-black);border-radius:var(--radius-btn);transition:background-color .35s ease-in-out}.social li i:hover{background-color:var(--background-card-black-hover)}.footer-divider{height:1px;background-color:var(--background-card-black);margin-bottom:25px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-bottom p{color:var(--color-paragraph);font-size:var(--normal-font-size);display:flex;align-items:center}.footer-bottom p span{margin:0 10px;height:18px;width:1px;background-color:var(--color-paragraph);display:inline-block;opacity:.6}@media(max-width:767px){#footer{padding:0px var(--padding-mobile)}.footer-container{grid-template-columns:repeat(2,1fr);padding:50px 0;gap:30px}.footer-col h4{font-size:var(--normal-font-size);margin-bottom:16px}.footer-col li a{font-size:var(--mobile-font-size)}.footer-divider{height:1px;background-color:var(--background-card-black);margin-bottom:25px}.footer-bottom{flex-direction:column;align-items:start;padding-bottom:20px;gap:20px}.footer-bottom p{font-size:var(--mobile-font-size)}.footer-bottom p span{margin:0 16px}}#hero-section{background:linear-gradient(to bottom,#000,#0000004d,#000),linear-gradient(to right,#00000059,#0000),url(/background-strangerthings3.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;display:flex;align-items:center;padding:0 var(--padding-desktop)}.content-hero{color:var(--color-text);animation:slideFromLeft 1s ease-out forwards;display:flex;justify-content:flex-start;flex-direction:column;width:50%;gap:18px}@keyframes slideFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(-10px);opacity:1}}.content-hero h1{font-size:58px;color:var(--color-text)}.content-hero p{color:var(--color-paragraph);font-size:var(--normal-font-size)}.content-hero button{font-size:var(--normal-font-size);padding:14px 20px;border-radius:var(--radius-btn);border:none;background-color:var(--color-main-red);color:var(--color-text);align-self:flex-start;transition:background-color .35s ease-in-out}.content-hero button:hover{background-color:var(--color-main-hover-red)}.content-hero button i{margin-right:6px}@media(max-width:767px){#hero-section{background:linear-gradient(to bottom,#000,#0000004d,#000),linear-gradient(to right,#00000059,#0000),url(/background-strangerthings3-mobile.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;height:100vh;display:flex;align-items:center;padding:0 var(--padding-mobile)}.content-hero{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;gap:18px;text-align:center;margin-left:20px}.content-hero h1{font-size:32px}.content-hero p{font-size:var(--mobile-font-size);color:var(--color-text-navbar)}.content-hero button{font-size:var(--mobile-font-size);padding:14px 24px;align-self:center}}#home-section{background-color:var(--color-page);padding:150px var(--padding-desktop);display:flex;flex-direction:column;gap:150px}#home-section .categories-section{display:flex;flex-direction:column;gap:60px}.categories{display:flex;justify-content:space-between;align-items:center}.categories-header{display:flex;flex-direction:column;gap:10px}.categories-header p:nth-of-type(1){font-size:28px;color:var(--color-text)}.categories-header p:nth-of-type(2){font-size:var(--normal-font-size);color:var(--color-paragraph)}.categories-grid-wrapper{width:100%}.categories-grid-wrapper .categories-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:20px;transition:transform .6s ease-in-out}.categories-arrows{display:flex;gap:10px;align-items:center;border:1px solid var(--border-card-black);background-color:var(--background-btn-black);border-radius:var(--radius-btn);padding:12px}.categories-arrows button{padding:10px 16px;border-radius:var(--radius-btn);border:1px solid var(--border-card-black);font-size:16px;background-color:var(--background-card-black);color:var(--color-text);transition:background-color .55s ease}.categories-arrows button:hover{background-color:var(--background-card-black-hover)}.categories-arrows .indicator{display:flex;gap:12px;justify-content:center}.indicator span{width:35px;height:4px;background-color:#333;cursor:pointer;transition:.55s ease;border-radius:var(--radius-btn)}.indicator span.active{background-color:var(--color-main-red);width:55px}.categories-indicator{display:none}@media(max-width:767px){#home-section{padding:80px var(--padding-mobile);gap:80px}#home-section .categories-section{gap:40px}.categories{flex-direction:column}.categories-grid-wrapper{width:100%;display:flex;flex-direction:column;gap:20px}.categories .categories-arrows{display:none}.categories-header p:nth-of-type(1){font-size:24px}.categories-header p:nth-of-type(2){font-size:var(--mobile-font-size)}.categories-grid-wrapper .categories-grid{grid-auto-columns:calc((100% - 20px)/2);gap:20px}.categories-indicator{display:flex;justify-content:center;align-items:center;border:1px solid var(--border-card-black);background-color:var(--background-btn-black);border-radius:var(--radius-btn);padding:8px 12px;margin:auto}.categories-indicator .indicator span{width:10px;height:4px;background-color:var(--background-card-black);cursor:pointer;transition:.55s ease;border-radius:var(--radius-btn)}.categories-indicator .indicator span.active{background-color:var(--color-main-red);width:20px}}.genre-card{border-radius:var(--radius-btn);overflow:hidden;cursor:pointer;color:var(--color-text);background-color:var(--background-card-black);padding:24px;transition:background-color .53s ease;border:2px solid var(--border-card-black)}.genre-card:hover{background-color:var(--background-card-black-hover)}.genre-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:120px 120px;gap:6px;position:relative}.genre-images:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgb(31,31,31),rgba(31,31,31,.703),rgba(0,0,0,.2),transparent);pointer-events:none}.genre-images img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-btn)}.genre-footer{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:var(--normal-font-size);padding-top:10px}.genre-footer span:nth-last-of-type(1) i{font-size:18px;opacity:.7;transition:transform .35s ease,opacity .35s ease,color .35s ease}.genre-card:hover .genre-footer span i{transform:translate(5px);opacity:1;color:var(--color-main-hover-red)}@media(max-width:767px){.genre-card{padding:20px}.genre-images{grid-template-rows:58px 58px;gap:5px}.genre-footer{font-size:var(--mobile-font-size)}.genre-footer span:nth-last-of-type(1) i{font-size:var(--mobile-font-size)}}.device-support{display:flex;flex-direction:column;gap:60px}.device-support-header p:nth-of-type(1){font-size:28px;color:var(--color-text)}.device-support-header p:nth-of-type(2){font-size:var(--normal-font-size);color:var(--color-paragraph)}.device-support-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.device-card{display:flex;flex-direction:column;gap:20px;border:2px solid var(--border-card-black);padding:40px;border-radius:var(--radius-btn);background:radial-gradient(circle at top right,#e5000021,transparent 35%),linear-gradient(to right,#0f0f0f)}.device-card p:nth-of-type(1){font-size:20px;color:var(--color-text)}.device-card p:nth-of-type(1) i{color:var(--color-main-red);background-color:var(--background-card-black);padding:12px;border-radius:var(--radius-btn);margin-right:10px}.device-card p:nth-of-type(2){font-size:var(--normal-font-size);color:var(--color-paragraph)}@media(max-width:767px){.device-support{display:flex;flex-direction:column;gap:40px}.device-support-header p:nth-of-type(1){font-size:20px;margin-bottom:16px}.device-support-header p:nth-of-type(2){font-size:var(--mobile-font-size)}.device-support-cards{grid-template-columns:1fr;gap:20px}.device-card{padding:24px}.device-card p:nth-of-type(1){font-size:18px}.device-card p:nth-of-type(1) i{padding:10px}.device-card p:nth-of-type(2){font-size:var(--mobile-font-size)}}.questions{color:#fff;display:flex;flex-direction:column;gap:60px}.questions-header p:nth-of-type(1){font-size:28px;color:var(--color-text)}.questions-header p:nth-of-type(2){font-size:var(--normal-font-size);color:var(--color-paragraph)}.questions-grid{display:flex;gap:24px}.questions-col{flex:1;display:flex;flex-direction:column;gap:24px}.ques-item{border-radius:var(--radius-btn);padding:18px 20px;cursor:pointer;transition:.3s;position:relative}.ques-item:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:1.5px;background:linear-gradient(to right,transparent,var(--color-main-red),transparent);border-radius:var(--radius-btn)}.ques-item:hover{background:#181818}.ques{display:flex;align-items:center;gap:12px}.ques-num{background:var(--background-card-black);padding:16px;border-radius:var(--radius-btn);font-size:var(--normal-font-size)}.ques p{flex:1;font-size:20px;color:var(--color-text)}.ques-icon{font-size:30px;color:var(--color-text);transition:.3s}.answer{margin:0 60px;overflow:hidden;animation:fadeSlide .3s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ques-item.active .answer{max-height:200px;opacity:1}.answer p{font-size:var(--normal-font-size);color:var(--color-paragraph);line-height:1.6}@media(max-width:767px){.questions{gap:20px}.questions-header p:nth-of-type(1){font-size:20px}.questions-header p:nth-of-type(2){font-size:var(--mobile-font-size)}.questions-grid{flex-direction:column}.ques-item{padding:20px;display:flex;flex-direction:column;gap:12px}.ques{display:flex;align-items:center;gap:12px}.ques-num{padding:12px;font-size:16px}.ques p{font-size:18px}.ques-icon{font-size:30px;color:var(--color-text);transition:.3s}.answer{margin:0}.answer p{font-size:var(--mobile-font-size);line-height:1.6}}.promo{background:linear-gradient(to right,#0a0a0a 2%,#140f0ff3 20%,#220e0ef4 45%,#e500003f),url(/Container-poster.png);background-size:cover;background-repeat:no-repeat;background-position:center;padding:80px 60px;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-btn);border:2px solid var(--border-card-black)}.content-promo{display:flex;flex-direction:column;gap:10px}.content-promo p:nth-of-type(1){font-size:28px;color:var(--color-text)}.content-promo p:nth-of-type(2){font-size:var(--normal-font-size);color:var(--color-paragraph)}.btn-promo button{padding:14px 20px;color:var(--color-text);background-color:var(--color-main-red);border-radius:var(--radius-btn);font-size:var(--normal-font-size);border:none;transition:background-color .35s ease-in-out}.btn-promo button:hover{background-color:var(--color-main-hover-red)}@media(max-width:767px){.promo{padding:30px;flex-direction:column;gap:30px}.content-promo p:nth-of-type(1){font-size:24px;text-align:center}.content-promo p:nth-of-type(2){font-size:var(--mobile-font-size);text-align:center}.btn-promo button{padding:14px 24px;font-size:var(--mobile-font-size)}}.categories-section{display:flex;flex-direction:column;gap:60px}.categories .header p{font-size:30px;color:var(--color-text);font-weight:600}.categories-grid-wrapper{overflow:hidden;width:100%}.indicator{display:flex;gap:12px;justify-content:center}@media(max-width:767px){.categories{align-items:flex-start}.categories-section{gap:20px}.categories .header p{font-size:22px}}.container-section{background-color:var(--color-page);padding:150px var(--padding-desktop);display:flex;flex-direction:column;gap:150px}.container-content{border:2px solid var(--border-card-black);padding:40px;border-radius:var(--radius-btn);display:flex;flex-direction:column;gap:80px}@media(max-width:767px){.container-section{padding:100px var(--padding-mobile);gap:100px}.container-content{padding:50px 10px;gap:50px}}.hero{position:relative;overflow:hidden;height:100vh;background-color:var(--color-page)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out;background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;width:100%}.hero-slide.active{opacity:1;z-index:1}.hero-slide img{width:100%;height:100%;padding:20px var(--padding-desktop) 0}.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(29,29,29),rgba(31,31,31,.758),rgba(31,31,31,.703),rgba(0,0,0,.349),transparent)}.hero-content{position:absolute;z-index:100;top:65%;left:20%;width:60%;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-content h1{color:var(--color-text);font-size:30px}.hero-content p{color:var(--color-paragraph);font-size:var(--normal-font-size);padding:20px 0}.hero-content button{border-radius:var(--radius-btn);background-color:var(--color-main-red);color:var(--color-text);font-size:var(--normal-font-size);padding:14px 30px;border:none;transition:background-color .4s ease-in-out}.hero-content button:hover{background-color:var(--color-main-hover-red)}.hero-content button i{margin-right:12px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.hero-content button:hover i{transform:rotate(360deg)}.arrow-left,.arrow-right{position:absolute;top:90%;z-index:12;padding:12px 18px;border-radius:var(--radius-btn);border:1px solid var(--border-card-black);font-size:20px;background-color:var(--background-btn-black);color:var(--color-text);transition:background-color .4s ease-in-out}.arrow-left:hover,.arrow-right:hover{background-color:var(--background-btn-card)}.arrow-left{left:150px}.arrow-right{right:150px}.indicators{position:absolute;z-index:100;bottom:70px;width:100%;display:flex;gap:12px;justify-content:center}.dot{width:35px;height:4px;background-color:#333;cursor:pointer;transition:.55s ease;border-radius:var(--radius-btn)}.dot.active{background-color:var(--color-main-red);width:55px}@media(max-width:767px){.hero-slide img{padding:80px 30px 50px;border-radius:var(--radius-btn);object-fit:cover}.hero-content{top:50%;left:10%;width:80%}.hero-content h1{font-size:24px}.hero-content p{font-size:var(--mobile-font-size);padding:20px 0}.hero-content button{font-size:var(--mobile-font-size);padding:12px 30px}.arrow-left,.arrow-right{display:none}.group .indicators{bottom:100px}}.navbar-section{position:fixed;top:0;z-index:100;width:100%;transition:background-color .35s ease}.navbar-section.scrolled{box-shadow:0 2px 10px #0000004d;background-color:var(--background-btn-black);border-radius:0 0 30px 30px}.navbar-group{display:flex;justify-content:space-between;align-items:center;padding:14px var(--padding-desktop)}.logo p{font-size:32px;font-weight:600;color:var(--color-text)}.logo-letter{color:var(--color-main-red)}.nav-links{display:flex;justify-content:space-between;gap:10px;padding:8px;background-color:var(--background-btn-black);border-radius:var(--radius-btn);border:4px solid var(--background-card-black)}.nav-links a{background-color:transparent;font-size:var(--normal-fontSize);padding:12px;color:var(--color-text-navbar);border-radius:var(--radius-btn);transition:background-color .35s ease-in-out,color .35s ease-in-out}.nav-links a:hover{background-color:var(--background-card-black);color:var(--color-text)}.nav-links a.active{border-bottom:3px solid var(--color-main-red);padding-bottom:4px}.nav-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.nav-actions p{font-size:20px;color:var(--color-text);transition:color .35s ease-in-out;padding:14px 18px}.nav-actions p:hover{color:var(--color-main-hover-red)}.nav-actions button{color:var(--color-text);background-color:var(--color-main-red);border:none;border-radius:var(--radius-btn);padding:12px 16px;font-size:var(--normal-fontSize);transition:background-color .35s ease-in-out}.nav-actions button:hover,.nav-actions .active button{background-color:var(--color-main-hover-red)}.menu-btn{display:none;flex-direction:column;gap:5px;cursor:pointer;background-color:var(--background-card-black);padding:10px;border-radius:var(--radius-btn);border:2px solid var(--border-card-black);transition:background-color .55s ease}.menu-btn:hover,.menu-btn.active{background-color:var(--background-card-black-hover)}.menu-btn span{height:1.8px;background:var(--color-text);border-radius:var(--radius-btn);transition:.3s}.menu-btn span:nth-child(1){width:18px}.menu-btn span:nth-child(2){width:18px}.menu-btn span:nth-child(3){width:12px}@media(max-width:767px){.nav-links{position:absolute;top:85%;right:10px;background:var(--background-btn-black);width:40%;flex-direction:column;align-items:center;gap:10px;padding:5px 0;transform:translateY(-10px);opacity:0;pointer-events:none;transition:all .55s ease;z-index:1500}.nav-links.open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-actions{display:none}.nav-links a{font-size:var(--mobile-font-size)}.menu-btn{display:flex;align-items:flex-end}.navbar-group{padding:20px var(--padding-mobile)}.logo{order:1}.logo p{font-size:26px}.menu-btn{order:2}}.home-support{padding:130px var(--padding-desktop);background-color:var(--color-page);display:flex;flex-direction:column;gap:150px}.hero-support{display:grid;grid-template-columns:1fr 2fr;gap:80px}.sup-container{display:flex;flex-direction:column}.sup-container h1{font-size:38px;color:var(--color-text)}.sup-container p{font-size:var(--normal-font-size);color:var(--color-paragraph)}.sup-container img{margin-top:50px}.form-support{border:1px solid var(--border-card-black);padding:40px;border-radius:var(--radius-btn);background-color:var(--background-btn-black)}.item-form{display:flex;justify-content:space-between;gap:20px}form{display:flex;flex-direction:column;gap:50px}.container-form{display:flex;flex-direction:column;gap:12px;width:50%}label{font-size:var(--normal-font-size);color:var(--color-text)}.textarea-form{width:100%;display:flex;flex-direction:column;gap:12px}textarea{width:100%;height:200px}input,textarea{padding:16px;border-radius:var(--radius-btn);color:#f5f5f5;font-size:16px;background-color:var(--background-btn-card);border:2px solid var(--border-card-black)}input:focus,textarea:focus{outline:none;border:1px solid rgb(116,115,115);background-color:#1f1f1f}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:whitesmoke;-webkit-box-shadow:0 0 0px 1000px transparet inset;transition:background-color 5000s ease-in-out 0s}input::placeholder{color:var(--color-paragraph);font-size:14px}.check-form{display:flex;align-items:center}.check-form label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox{display:none}.checkbox-container{font-size:18px;color:var(--color-paragraph)}.custom-check{width:20px;height:20px;border-radius:6px;border:1px solid var(--border-card-black);background-color:var(--background-btn-black);display:flex;align-items:center;justify-content:center;transition:.3s}.custom-check:after{content:"✔";font-size:14px;color:#fff;display:none}.checkbox:checked+.custom-check{background-color:red;border-color:red}.checkbox:checked+.custom-check:after{display:block}.checkbox-container input:checked+.custom-check:after{display:block}.button-form button{padding:14px 20px;color:var(--color-text);background-color:var(--color-main-red);border-radius:var(--radius-btn);font-size:var(--normal-font-size);border:none;transition:background-color .35s ease-in-out}.button-form button:hover{background-color:var(--color-main-hover-red)}@media(max-width:767px){.home-support{padding:130px var(--padding-mobile) 100px;gap:80px}.hero-support{display:flex;flex-direction:column;gap:50px}.sub-container{display:flex;flex-direction:column}.sup-container h1{font-size:28px}.sup-container p{font-size:var(--mobile-font-size);margin-top:15px}.sup-container img{margin-top:15px}.form-support{padding:24px}.item-form{flex-direction:column;gap:20px}form{gap:20px}.container-form{width:100%}label{font-size:var(--mobile-font-size)}textarea{height:150px}input,textarea{padding:12px;font-size:var(--mobile-font-size)}.button-form button{padding:14px 24px;width:100%;font-size:var(--mobile-font-size)}.checkbox-container{font-size:var(--mobile-font-size)}}.card-sub{padding:40px;display:flex;flex-direction:column;gap:40px;background-color:var(--background-card-black);border-radius:var(--radius-btn);border:1px solid var(--border-card-black);opacity:1;transform:translate(0);transition:background-color .35s ease,transform .6s ease,opacity .6s ease}.card-sub:hover{background-color:var(--background-card-black-hover)}.cards-sub.animate .card-sub{opacity:0;transform:translate(120px)}.cards-sub.animate .card-sub:nth-child(2){animation-delay:.1s}.cards-sub.animate .card-sub:nth-child(3){animation-delay:.2s}.content-card h1{color:var(--color-text);font-size:20px;font-weight:600}.content-card p,.price-card{color:var(--color-paragraph);font-size:var(--normal-font-size)}.price-card span{font-size:30px;font-weight:600;color:var(--color-text)}.buttons-card{display:flex;gap:12px}.buttons-card button{width:50%;padding:14px 20px;font-size:var(--normal-font-size);font-weight:600;border-radius:var(--radius-btn);color:var(--color-text)}.buttons-card button:nth-of-type(1){background-color:var(--background-btn-card);border:1px solid var(--border-card-black);transition:background-color .35s ease}.buttons-card button:nth-of-type(1):hover{background-color:var(--background-btn-black)}.buttons-card button:nth-of-type(2){background-color:var(--color-main-red);border:none;transition:background-color .35s ease}.buttons-card button:nth-of-type(2):hover{background-color:var(--color-main-hover-red)}@media(max-width:767px){.card-sub{padding:24px;gap:30px}.cards-sub.animate .card-sub{transform:translate(350px)}.content-card h1{font-size:18px}.content-card p,.price-card{font-size:var(--mobile-font-size)}.price-card span{font-size:24px}.buttons-card button{font-size:var(--mobile-font-size)}}.home-sub{padding:220px var(--padding-desktop) 150px;background-color:var(--color-page);display:flex;flex-direction:column;gap:140px}.hero-sub{display:flex;flex-direction:column;gap:60px}.header-sub{display:flex;flex-direction:column}.header-sub div:nth-of-type(2){display:flex;align-items:center;justify-content:space-between}.header-sub h1{font-size:28px;font-weight:700;color:var(--color-text)}.header-sub p{font-size:var(--normal-font-size);color:var(--color-paragraph);font-weight:600}.btns-header{padding:8px;background-color:var(--background-btn-black);border-radius:var(--radius-btn);border:1px solid var(--border-card-black);display:flex;gap:1px}.btns-header button{padding:12px 20px;border-radius:var(--radius-btn);border:none;color:var(--color-text);background-color:var(--background-btn-black);transition:background-color .35s ease}.btns-header button.active{background-color:var(--background-card-black)}.cards-sub{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sub-container{display:flex;flex-direction:column;gap:60px}.header-container h1{font-size:38px;color:var(--color-text);margin-bottom:15px}.header-container p{font-size:var(--normal-font-size);color:var(--color-paragraph)}@media(max-width:767px){.home-sub{padding:150px var(--padding-mobile) 100px;gap:80px}.hero-sub{gap:40px}.header-sub div:nth-of-type(2){flex-direction:column;gap:20px;align-items:flex-start}.header-sub h1{font-size:24px;margin-bottom:20px}.header-sub p{font-size:var(--mobile-font-size);font-weight:400}.btns-header button{font-size:var(--mobile-font-size)}.cards-sub{display:flex;flex-direction:column}.sub-container{gap:40px}.header-container h1{font-size:24px;margin-bottom:12px}.header-container p{font-size:var(--mobile-font-size)}}.table-desktop{overflow-x:auto;display:block}.mobile-only{display:none}table{width:100%;border-collapse:collapse;background-color:transparent;border:1px solid var(--border-card-black)}thead{background-color:var(--background-btn-black)}th{font-size:18px;font-weight:600;color:var(--color-text);padding:24px;width:25%;border:1px solid var(--border-card-black)}td{padding:24px;color:var(--color-paragraph);font-size:var(--normal-font-size);border:1px solid var(--border-card-black)}.popular{background:var(--color-main-red);color:var(--color-text);font-size:14px;padding:6px;margin-left:8px;border-radius:var(--radius-btn)}@media(max-width:767px){.table-desktop{display:none}.mobile-only{display:block}.tabs{display:flex;background:var(--background-btn-card);border:1px solid var(--border-card-black);border-radius:var(--radius-btn);padding:8px;margin-bottom:20px}.tabs button{flex:1;background:transparent;border:none;color:var(--color-paragraph);padding:12px 24px;cursor:pointer;border-radius:var(--radius-btn);font-size:var(--mobile-font-size);font-weight:600}.tabs button.active{background:var(--background-card-black);color:var(--color-text)}.mobile-card{background:#0f0f0f;border:1px solid #222;padding:20px;border-radius:12px}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mobile-grid .full{grid-column:1 / -1}.mobile-grid span{color:var(--color-paragraph);font-size:var(--mobile-font-size);font-weight:600}.mobile-grid p{margin-top:5px;color:var(--color-text-navbar);font-size:var(--mobile-font-size);font-weight:600}}.genrepage-section{background-color:var(--color-page);padding:130px var(--padding-desktop)}.genrepage{display:flex;flex-direction:column;border:2px solid var(--border-card-black);border-radius:var(--radius-btn);padding:40px}.genre-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.genre-header h1:nth-of-type(1){color:var(--color-text);font-size:30px;font-weight:600}.genre-header button{padding:10px 40px;border:none;background-color:var(--color-main-red);color:var(--color-text);border-radius:var(--radius-btn);font-weight:400;transition:background-color .35s ease}.genre-header button:hover{background-color:var(--color-main-hover-red)}.genre-header button i{margin-right:8px}.genre-header button:hover i{animation:moveLeft .8s ease}@keyframes moveLeft{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.genre-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.movie-card{border:2px solid var(--border-card-black);display:flex;flex-direction:column;height:550px;border-radius:var(--radius-btn);background-color:var(--background-card-black);transition:background-color .35s ease;position:relative;overflow:hidden;cursor:pointer}.movie-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(to top,rgb(31,31,31),rgba(31,31,31,.703),rgba(0,0,0,.2),transparent);pointer-events:none}.movie-card img{width:100%;height:80%;object-fit:cover;border-radius:var(--radius-btn);transition:filter .3s ease}.movie-card:hover img{filter:brightness(.6)}.content-image{height:20%;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:10px;margin-top:6px;margin-bottom:6px;z-index:2}.content-image p:nth-of-type(1){color:var(--color-text);font-size:18px}.content-image p:nth-of-type(1) i{color:var(--color-main-red);margin-right:8px;display:inline-block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.movie-card:hover .content-image p:nth-of-type(1) i{transform:rotate(360deg);color:var(--color-main-hover-red)}.content-image p:nth-of-type(2){color:var(--color-paragraph);font-size:var(--normal-font-size)}@media(max-width:767px){.genrepage-section{padding:130px var(--padding-mobile) 80px}.genrepage{padding:20px}.genre-header{margin-bottom:30px}.genre-header h1:nth-of-type(1){font-size:24px}.genre-header button{padding:10px 20px;font-size:var(--mobile-font-size)}.genre-cards{grid-template-columns:repeat(1,1fr);gap:30px}.movie-card{height:500px}.movie-card img{height:75%}.content-image{height:25%}.content-image p:nth-of-type(1){font-size:var(--normal-font-size)}.content-image p:nth-of-type(2){font-size:var(--mobile-font-size)}}.movieDetails-section{padding:130px var(--padding-desktop) 100px;background-color:var(--color-page)}.hero-movieDetails{position:relative;height:80vh;overflow:hidden;border-radius:var(--radius-btn)}.hero-movieDetails:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#121212,rgba(31,31,31,.703),rgba(0,0,0,.2),transparent)}.hero-movieDetails img{width:100%;height:100%;object-fit:cover}.hero-overlay-movies{position:absolute;z-index:2;color:#fff;bottom:40px;left:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%}.hero-overlay-movies p:nth-of-type(1){font-size:30px;font-weight:700;color:var(--color-text)}.hero-overlay-movies p:nth-of-type(2){font-size:var(--normal-font-size);color:var(--color-paragraph)}.btns-hero button:nth-last-child(1){padding:14px 26px;border:none;border-radius:var(--radius-btn);background-color:var(--color-main-red);font-size:var(--normal-font-size);color:var(--color-text);margin-top:20px;transition:background-color .5s ease}.btns-hero button:hover,.btns-hero button:nth-of-type(1):hover{background-color:var(--color-main-hover-red)}.btns-hero{display:flex;gap:40px;align-items:center}.btns-hero button:nth-of-type(1){border-radius:50%;margin-top:16px;height:50%;width:50px;padding:12px;border:none;font-size:var(--normal-font-size);background-color:var(--color-main-red);transition:background-color .5s ease;color:var(--color-text)}.btns-hero button:nth-last-child(1) i{margin-right:8px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.btns-hero button:nth-last-child(1):hover i{transform:rotate(360deg)}.container-movieDetails{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:100px;margin-bottom:100px}.box1,.box2,.right{border:1px solid var(--border-card-black);background-color:var(--background-card-black);border-radius:var(--radius-btn)}.left{display:flex;flex-direction:column;gap:20px}.box1 h3,.box2 h3{font-size:var(--normal-font-size);color:var(--color-paragraph);font-weight:600;margin-bottom:20px}.box1 p{font-size:var(--normal-font-size);color:var(--color-text)}.left .box{padding:40px}.cast-list{display:flex;gap:10px}.actor img{width:100%;height:80%;object-fit:cover;border-radius:var(--radius-btn)}.actor p{height:20%;display:flex;align-items:center;font-size:14px;justify-content:center;color:var(--color-text-navbar)}.tags{display:flex;gap:10px}.tags>p{border:1px solid var(--border-card-black);background-color:var(--background-btn-card);padding:6px 12px;font-size:var(--mobile-font-size);color:var(--color-text);border-radius:var(--radius-btn);font-weight:500}.right h3{font-size:var(--normal-font-size);color:var(--color-paragraph);font-weight:600;margin-bottom:10px}.right h3 i{margin-right:6px}.right p{color:var(--color-text);font-weight:500}.right{padding:40px;display:flex;flex-direction:column;gap:60px}@media(max-width:767px){.movieDetails-section{padding:130px var(--padding-mobile) 80px}.hero-movieDetails{height:75vh}.hero-overlay-movies{width:100%;bottom:40px;left:30px}.hero-overlay-movies p:nth-of-type(1){text-align:center;font-size:24px}.hero-overlay-movies p:nth-of-type(2){font-size:var(--mobile-font-size);display:none}.btns-hero button:nth-last-child(1){padding:10px 22px;font-size:var(--mobile-font-size)}.btns-hero{gap:20px}.btns-hero button:nth-of-type(1){margin-top:20px;height:50%;width:40px;padding:10px;font-size:var(--mobile-font-size)}.container-movieDetails{display:flex;flex-direction:column;margin-top:80px;margin-bottom:80px}.left{display:flex;flex-direction:column;gap:20px}.box1 h3,.box2 h3{font-size:var(--mobile-font-size);margin-bottom:11px}.box1 p{font-size:var(--mobile-font-size)}.left .box{padding:24px}.cast-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.actor{display:flex;flex-direction:column;gap:6px}.actor img{height:70%;object-fit:contain}.actor p{height:20%;font-size:12px}.tags{display:grid;grid-template-columns:repeat(3,1fr)}.tags>p{padding:8px 12px;font-size:16px;text-align:center}.right h3{font-size:var(--mobile-font-size);margin-bottom:14px}.right{padding:24px;gap:22px}}.register-section{background-color:var(--background-card-black);display:flex;align-items:center;justify-content:center;padding:170px var(--padding-desktop) 100px}form{margin-top:30px;gap:34px}.register-card{padding:40px;width:40%;border:2px solid var(--border-card-black);border-radius:var(--radius-btn);background-color:#f5f5f5}.register-card ::placeholder{color:#808080ce;font-size:var(--normal-font-size)}.register-card h1{font-size:32px;color:var(--color-page);text-align:center}.register-card>p{font-size:18px;color:var(--background-card-black-hover);text-align:center;font-weight:400}.email-box,.password-box{display:flex;flex-direction:column}.email-box input,.password-box input{background-color:#80808042;color:#000;font-weight:600;border:none;font-size:var(--normal-font-size);padding:14px}.email-box input:focus,.input-wrapper:focus-within{border:1px solid var(--border-card-black)}.email-box label,.password-box label{font-size:var(--normal-font-size);color:#000;font-weight:600;margin-bottom:6px}.input-wrapper{display:flex;align-items:center;width:100%;border-radius:var(--radius-btn);background-color:#80808042;border:none}.input-wrapper input{width:95%;border:none;background-color:transparent}.toggle-password{color:#525151;font-size:18px;margin-right:20px}.toggle-password:hover{color:var(--background-card-black)}.remember-forgot{display:flex;justify-content:space-between}.remember input[type=checkbox]{transform:scale(1.5);accent-color:black;cursor:pointer}.remember label{font-size:var(--normal-font-size);margin-left:10px;color:var(--background-card-black);font-weight:600}.forget a{font-size:var(--normal-font-size);color:#00f;font-weight:600}.forget a:hover{text-decoration:underline;color:#0303cf}.signin{width:100%}.signin button{width:100%;border-radius:var(--radius-btn);border:none;padding:12px;font-size:var(--normal-font-size);font-weight:600;color:var(--color-text);background-color:var(--background-btn-card);transition:background-color .3s ease-in-out}.signin button:hover{background-color:var(--border-card-black)}.auth-switch{text-align:center}.auth-switch p{font-size:var(--normal-font-size);color:var(--background-card-black-hover);font-weight:600}.auth-switch p span{margin-left:6px;color:#00f;font-weight:400;cursor:pointer}.auth-switch p span:hover{text-decoration:underline;color:#0303cf}.error{font-size:14px;margin-top:6px;margin-left:12px;color:#d80505}