@charset "UTF-8";:root{--primary: #1a1f71;--secondary: #d61935;--dark: #010101;--light: #f8f9fa;--gray: #e9ecef;--white: #ffffff;--font-main: "Poppins", sans-serif}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1200px}}*{margin:0;padding:0;box-sizing:border-box}body,html{display:flex;flex-direction:column}body,html{height:100%}body{font-family:var(--font-main);line-height:1.6;color:var(--dark);background-color:var(--white);scroll-behavior:smooth}a{text-decoration:none;color:inherit}ul{list-style:none}header{background-color:var(--white);padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo img{max-width:200px}.desktop-nav{display:none}.desktop-nav ul{display:flex}.desktop-nav ul li{margin-left:25px}.desktop-nav ul li a{font-weight:500;transition:color .3s ease}.desktop-nav ul li a:hover{color:var(--secondary)}.mobile-menu{font-size:1.5rem;cursor:pointer;color:var(--primary)}.mobile-nav{position:fixed;top:60px;left:0;width:100%;background-color:var(--white);padding:20px;box-shadow:0 5px 10px #0000001a;display:none}.mobile-nav.active{display:block}.mobile-nav ul li{margin:15px 0;text-align:center}.mobile-nav ul li a{font-weight:500;display:block;padding:10px;border-radius:4px;transition:background-color .3s ease}.mobile-nav ul li a:hover{background-color:#d619351a}@media(min-width:768px){.mobile-menu,.mobile-nav{display:none}.desktop-nav{display:block}}.hero{background:linear-gradient(#191f26cc,#191f26cc),url(https://ik.imagekit.io/ktravelvaozet4t/thundertv/hero.jpg?tr=w-1264,q-70,f-webp);background-size:cover;background-position:center;padding:140px 0;text-align:center}.hero h1{font-size:2.2rem;margin-bottom:20px;line-height:1.2;color:#fff}.hero p{font-size:1rem;max-width:700px;margin:0 auto 30px;color:#fff}.hero .hero-buttons{display:flex;flex-direction:column;gap:15px;align-items:center}@media(min-width:768px){.hero h1{font-size:3rem}.hero .hero-buttons{flex-direction:row;justify-content:center}}.plans{background-color:var(--white)}.plans-grid{display:grid;grid-template-columns:1fr;gap:25px}.plan-card{background-color:var(--white);border-radius:8px;transition:transform .3s ease;position:relative;box-shadow:0 5px 15px #0000000d;border:1px solid #eee}.plan-card .plan-header{padding:20px;text-align:center;background-color:var(--gray)}.plan-card .btn{display:flex;justify-content:center;align-items:center}.plan-card.popular{position:relative;border:2px solid var(--secondary)}.plan-card.popular .plan-header{border-top-left-radius:8px;border-top-right-radius:8px}.plan-card.popular .popular-tag{position:absolute;top:-10px;right:-10px;background-color:var(--secondary);color:#fff;padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.plan-card:hover{transform:translateY(-5px)}.plan-name{font-size:1.4rem;margin-bottom:10px;color:var(--primary)}.plan-price{font-size:2rem;font-weight:700;color:var(--secondary)}.plan-price span{font-size:1rem;font-weight:400;color:#666}.plan-button{display:block;text-align:center;margin:20px}.faq{background-color:var(--white)}.faq .faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:.938rem}.faq .faq-container .faq-item{border-radius:8px;overflow:hidden;background-color:var(--white);border:1px solid #eee}.faq .faq-container .faq-item .faq-question{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--primary);background-color:var(--gray)}.faq .faq-container .faq-item .faq-question h3{font-size:1rem}.faq .faq-container .faq-item .faq-question:hover{background-color:#e2e6ea}.faq .faq-container .faq-item .faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq .faq-container .faq-item .faq-answer a{color:var(--secondary);text-decoration:underline}.faq .faq-container .faq-item .faq-answer.active{padding:20px;max-height:500px}footer{background-color:var(--dark);padding:30px 0;color:var(--white);text-align:center}.footer-bottom{color:#aaa;font-size:.9rem}.btn{display:inline-block;padding:12px 24px;background-color:var(--secondary);color:#fff;border-radius:4px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-align:center;font-family:var(--font-main)}.btn:hover{background-color:#b3142c;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:1px solid var(--secondary);color:#fff}.btn-outline:hover{background-color:var(--secondary);color:#fff}section{padding:60px 0}section .section-title{text-align:center;margin-bottom:40px}section .section-title h2{font-size:2rem;margin-bottom:15px}section .section-title p{max-width:600px;margin:0 auto}.about-grid{text-justify:distribute}.about-grid p{margin-bottom:.5rem}.features{background-color:var(--gray)}.features-grid{display:grid;grid-template-columns:1fr;gap:30px}.feature-card{background-color:var(--white);padding:25px;border-radius:8px;text-align:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:20px;color:var(--secondary)}.feature-card h3{margin-bottom:15px;font-size:1.3rem;color:var(--primary)}.feature-card p{color:#666}.distributor{background-color:var(--gray)}.distributor-content{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.distributor-image img{width:100%;border-radius:8px;box-shadow:0 5px 15px #0000001a}.distributor-text h3{font-size:1.8rem;margin-bottom:20px}.distributor-text p{margin-bottom:20px}.benefits-list{margin:25px 0}.benefits-list li{margin-bottom:10px;display:flex;align-items:center}.benefits-list li:before{content:"✓";color:var(--secondary);margin-right:10px;font-weight:700}@media(min-width:768px){.features-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}.distributor-content{grid-template-columns:1fr 1fr}}@media(min-width:992px){.features-grid,.plans-grid{grid-template-columns:repeat(4,1fr)}}
