* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;background: #000000;margin: 0;min-height: 100vh;display: flex;flex-direction: column;justify-content: space-between;}header {display: flex;justify-content: space-between;align-items: center;padding: 20px 5%;}.logo {font-size: 24px;font-weight: bold;color: #333;}.login-btn {padding: 10px 20px;background-color: transparent;border: 1px solid #333;color: #000;border-radius: 5px;text-decoration: none;font-size: 16px;transition: background-color 0.3s ease;}.login-btn:hover {background-color: #000;color: #fff;}.main-container {display: flex;justify-content: center;align-items: center;flex: 1;text-align: center;}.main-container, .faq-container, .footer-container{max-width: 1600px;padding: 20px 5%;width: 100%;margin: 0 auto;}.content-area {display: flex;justify-content: space-between;align-items: center;padding: 40px 60px;text-align: center;width: 100%;height: 100%;gap: 50px;}.left, .right {width: 50%;text-align: left;<!-- overflow: hidden;--> }.content-area h2 {font-size: 6vw;margin: 0;font-weight: 800;transform: scaleY(1.1);white-space: nowrap;overflow: visible;width: max-content;display: inline-block;}.content-area p {font-size: 1rem;margin-bottom: 30px;color: #555;}.content-area p a, .content-area p a:hover, .content-area p a:visited {color: #000;}.btn-group a {padding: 10px 25px;text-decoration: none;border-radius: 2px;margin: 5px;display: inline-block;font-size: 18px;transition: background-color 0.3s, color 0.3s;}.btn-primary {background-color: #000;color: #fff;}.btn-primary:hover {background-color: #333;}:root {--marquee-width: 80vw;--marquee-height: 20vh;--marquee-elements-displayed: 5;--marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));--marquee-animation-duration: calc(var(--marquee-elements) * 3s);}.marquee {width: var(--marquee-width);height: var(--marquee-height);overflow: hidden;position: relative;margin: 20px auto;}.marquee::before, .marquee::after {position: absolute;top: 0;width: 10rem;height: 100%;content: "";z-index: 1;}.marquee::before {left: 0;background: #000000,transparent 100%);}.marquee::after {right: 0;background: #000000,transparent 100%);}.marquee-content {list-style: none;height: 100%;display: flex;animation: scrolling var(--marquee-animation-duration) linear infinite;padding: 0;margin: 0;}.marquee-content .ott-list {display: inline-flex;justify-content: center;align-items: center;flex-shrink: 0;width: var(--marquee-element-width);padding: 10px;box-sizing: border-box;}.marquee-content img {width: 100%;height: auto;}.info-section {display: flex;flex-direction: column;align-items: center;text-align: center;padding: 100px 20px;background-color: #000000;color: #000;}.info-text p {font-size: 1.5rem;margin-bottom: 30px;max-width: 600px;font-weight: 400;line-height: 1.5;}.info-stats {display: flex;justify-content: center;gap: 60px;}.stat {text-align: center;}.stat h3 {font-size: 4rem;font-weight: bold;transform: scaleY(1.1);margin: 0;color: #000;}.stat p {font-size: 1rem;margin-top: 10px;color: #555;}.faq-container {display: flex;justify-content: space-between;gap: 50px;color: #555;line-height: 1.6;}.faq-container .left-column {flex: 1;max-width: 45%;margin: 10px 20px;}.faq-container .left-column h2 {font-size: 2rem;font-weight: 800;margin-bottom: 20px;color: #000;}.faq-container .left-column p {font-size: 1rem;color: #555;line-height: 1.6;margin-bottom: 15px;}.faq-container .right-column {flex: 1;max-width: 45%;margin: 10px 20px;}.faq {margin-bottom: 15px;transition: all 0.3s ease;}.faq-title {cursor: pointer;padding: 18px;background-color: #000;color: #fff;font-size: 18px;border: none;border-radius: 2px;text-align: left;width: 100%;transition: background-color 0.3s ease;}.faq-title::after {content: '\25B6';float: right;transition: transform 0.3s ease;}.faq.active .faq-title::after {transform: rotate(90deg);}.faq-title:hover {background-color: #333;}.faq-content {max-height: 0;overflow: hidden;transition: max-height 0.4s ease-in-out;box-sizing: border-box;}.faq-content p{padding: 20px 2px;}.faq.active .faq-content {max-height: 200px;}.footer {background-color: #000;color: #fff;font-family: Arial, sans-serif;}.footer-top-pattern {background: repeat-x;height: 120px;width: 100%;margin-top:50px;background-size: auto 100%;}.footer-logo{filter: brightness(0) invert(1);margin-left: -12px;}.footer-container {display: flex;justify-content: space-around;margin: 30px auto;flex-wrap: wrap;}.footer-column {flex: 1;margin: 10px 20px;min-width: 150px;}.footer-column h3 {margin-bottom: 15px;font-size: 1.2rem;font-weight: bold;}.logo-section h2 {font-size: 2rem;}.footer-column p {font-size: 0.9rem;line-height: 1.6;}.footer-column ul {list-style: none;padding: 0;}.footer-column ul li {margin: 10px 0;}.footer-column a {color: #fff;text-decoration: none;font-size: 0.9rem;transition: color 0.3s;}.footer-column a:hover {color: #ccc;}.close-btn {color: #555;font-size: 24px;cursor: pointer;float: right;}@keyframes scrolling {0% {transform: translateX(0);}100% {transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));}}@media (min-width: 1200px) {body {font-size: 24px;}.logo {font-size: 36px;}.login-btn {font-size: 20px;padding: 14px 28px;}nav a {font-size: 26px;}.content-area{padding: 50px 20px;}.content-area h2 {font-size: 8vw;}.content-area p {font-size: 22px;}.faq-content p {font-size: 1rem;}.container, .faq-container{margin: 20px auto;}.faq-container {margin: 100px auto;}.btn-group a {font-size: 20px;padding: 10px 25px;}.info-text p {font-size: 1.8rem;}.stat h3 {font-size: 5rem;}.faq-container .left-column h2 {font-size: 2.5rem;}.faq-title {font-size: 22px;}.footer {font-size: 22px;}.footer-column h3 {font-size: 1.5rem;}.footer-column p, .footer-column a {font-size: 1.1rem;}.footer-logo {margin-left:0;}.logo-section h2 {font-size: 2.5rem;}}@media (max-width: 768px) {.content-area {flex-direction: column;padding: 20px 30px;gap: 20px;}.left, .right {width: 100%;text-align: center;}.content-area h2 {font-size: 8vw;margin-bottom: 15px;}.login-btn {padding: 8px 16px;font-size: 14px;}.btn-group a {padding: 10px 25px;font-size: 16px;}:root {--marquee-width: 100vw;--marquee-height: 16vh;--marquee-elements-displayed: 3;}.info-stats {flex-direction: column;gap: 30px;}.stat h3 {font-size: 3rem;}.faq-container {flex-direction: column;gap: 30px;}.faq-container .left-column, .faq-container .right-column {max-width: 100%;}}@media (min-width: 768px) and (max-width: 1024px) {.content-area {padding: 30px 20px;gap: 40px;}.content-area h2 {font-size: 5vw;margin-bottom: 20px;}.btn-group a {padding: 10px 25px;font-size: 16px;}}@media (min-width: 1024px) {.content-area {padding: 50px 20px;gap: 50px;}.content-area h2 {font-size: 4rem;}.btn-group a {padding: 10px 25px;font-size: 18px;}}