@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap');* {margin: 0;padding: 0;box-sizing: border-box;}:root {--primary-color: #00d4ff;--secondary-color: #0099ff;--accent-color: #00ffaa;--dark-bg: #0a0e1a;--darker-bg: #050810;--navy-blue: #0f1729;--navy-dark: #0a0f1f;--glass-bg: rgba(15, 23, 41, 0.7);--glass-border: rgba(0, 212, 255, 0.2);--text-primary: #ffffff;--text-secondary: #a0aec0;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #00d4ff 0%, #0099ff 100%);--glow: 0 0 20px rgba(0, 212, 255, 0.5);}body {font-family: 'Rajdhani', sans-serif;background: var(--darker-bg);color: var(--text-primary);overflow-x: hidden;line-height: 1.6;}.particles {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: radial-gradient(ellipse at top, #0f1729 0%, #050810 100%);}.particles::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: radial-gradient(2px 2px at 20% 30%, rgba(0, 212, 255, 0.3), transparent), radial-gradient(2px 2px at 60% 70%, rgba(0, 212, 255, 0.2), transparent), radial-gradient(1px 1px at 50% 50%, rgba(0, 153, 255, 0.3), transparent), radial-gradient(1px 1px at 80% 10%, rgba(0, 255, 170, 0.3), transparent);background-size: 200% 200%, 180% 180%, 160% 160%, 140% 140%;animation: particlesMove 20s ease-in-out infinite;}@keyframes particlesMove {0%, 100% {background-position: 0% 0%, 0% 0%, 0% 0%, 0% 0%;}50% {background-position: 100% 100%, 100% 100%, 100% 100%, 100% 100%;}}.container {max-width: 1400px;margin: 0 auto;padding: 0 20px;}.navbar {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 15px 0;background: var(--glass-bg);backdrop-filter: blur(10px);border-bottom: 1px solid var(--glass-border);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);}.navbar .container {display: flex;justify-content: space-between;align-items: center;}.nav-brand {display: flex;align-items: center;gap: 15px;}.logo {width: 50px;height: 50px;filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));animation: logoGlow 2s ease-in-out infinite;}@keyframes logoGlow {0%, 100% {filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));}50% {filter: drop-shadow(0 0 20px rgba(0, 212, 255, 0.8));}}.nav-brand h1 {font-family: 'Orbitron', sans-serif;font-size: 1.8rem;font-weight: 900;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.nav-menu {display: flex;gap: 30px;align-items: center;}.nav-menu a {color: var(--text-primary);text-decoration: none;font-weight: 600;font-size: 1.1rem;transition: all 0.3s ease;position: relative;}.nav-menu a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 2px;background: var(--primary-color);transition: width 0.3s ease;}.nav-menu a:hover::after {width: 100%;}.lang-toggle {background: var(--glass-bg);border: 1px solid var(--glass-border);padding: 8px 15px;border-radius: 20px;color: var(--text-primary);cursor: pointer;font-weight: 600;transition: all 0.3s ease;display: flex;align-items: center;gap: 8px;}.lang-toggle:hover {background: var(--primary-color);color: var(--dark-bg);box-shadow: var(--glow);}.hero {padding: 150px 0 80px;position: relative;}.hero-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}.glitch {font-family: 'Orbitron', sans-serif;font-size: 4rem;font-weight: 900;margin-bottom: 20px;position: relative;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;animation: glitchAnim 3s infinite;}@keyframes glitchAnim {0%, 100% {transform: translateX(0);}20% {transform: translateX(-2px);}40% {transform: translateX(2px);}60% {transform: translateX(-2px);}80% {transform: translateX(2px);}}.subtitle {font-size: 1.3rem;color: var(--text-secondary);margin-bottom: 30px;line-height: 1.8;}.hero-buttons {display: flex;gap: 20px;flex-wrap: wrap;}.btn {padding: 15px 35px;border-radius: 10px;text-decoration: none;font-weight: 600;font-size: 1.1rem;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 10px;border: none;cursor: pointer;}.btn-primary {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: var(--dark-bg);box-shadow: 0 0 30px rgba(0, 212, 255, 0.4);}.btn-primary:hover {transform: translateY(-3px);box-shadow: 0 0 40px rgba(0, 212, 255, 0.6);}.btn-secondary {background: var(--glass-bg);color: var(--text-primary);border: 2px solid var(--primary-color);backdrop-filter: blur(10px);}.btn-secondary:hover {background: var(--primary-color);color: var(--dark-bg);transform: translateY(-3px);}.hero-image img {width: 100%;max-width: 500px;filter: drop-shadow(0 0 40px rgba(0, 212, 255, 0.6));}.floating {animation: floating 3s ease-in-out infinite;}@keyframes floating {0%, 100% {transform: translateY(0);}50% {transform: translateY(-20px);}}.stats {padding: 60px 0;}.stats-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}.stat-card {background: var(--glass-bg);backdrop-filter: blur(10px);border: 1px solid var(--glass-border);border-radius: 15px;padding: 40px;text-align: center;transition: all 0.3s ease;}.stat-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 10px 40px rgba(0, 212, 255, 0.3);}.stat-card i {font-size: 3rem;color: var(--primary-color);margin-bottom: 15px;}.stat-card h3 {font-size: 2.5rem;font-weight: 700;margin-bottom: 10px;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.stat-card p {color: var(--text-secondary);font-size: 1.1rem;}.video-section {padding: 80px 0;}.section-title {font-family: 'Orbitron', sans-serif;font-size: 3rem;text-align: center;margin-bottom: 50px;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.video-container {max-width: 900px;margin: 0 auto;}.video-placeholder {background: var(--glass-bg);backdrop-filter: blur(10px);border: 2px solid var(--glass-border);border-radius: 20px;padding: 100px 40px;text-align: center;}.video-placeholder i {font-size: 5rem;color: var(--primary-color);margin-bottom: 20px;}.features {padding: 80px 0;}.feature-category {margin-bottom: 80px;}.category-title {font-size: 2rem;font-weight: 700;margin-bottom: 40px;display: flex;align-items: center;gap: 15px;color: var(--primary-color);}.category-title i {font-size: 2.5rem;}.features-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 25px;}.feature-card {background: var(--glass-bg);backdrop-filter: blur(10px);border: 1px solid var(--glass-border);border-radius: 15px;padding: 30px;transition: all 0.3s ease;}.feature-card:hover {transform: translateY(-5px);border-color: var(--primary-color);box-shadow: 0 10px 40px rgba(0, 212, 255, 0.3);}.feature-icon {width: 60px;height: 60px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 15px;}.feature-icon i {font-size: 1.8rem;color: var(--dark-bg);}.feature-card h4 {font-size: 1.3rem;margin-bottom: 10px;color: var(--text-primary);}.feature-card p {color: var(--text-secondary);font-size: 1rem;line-height: 1.6;}.pricing {padding: 80px 0;background: linear-gradient(180deg, transparent, rgba(0, 212, 255, 0.05));}.section-subtitle {text-align: center;color: var(--text-secondary);font-size: 1.2rem;margin-top: -30px;margin-bottom: 50px;}.pricing-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;max-width: 1300px;margin: 0 auto;}.price-card {background: var(--glass-bg);backdrop-filter: blur(10px);border: 2px solid var(--glass-border);border-radius: 20px;padding: 40px;transition: all 0.3s ease;position: relative;}.price-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 10px 50px rgba(0, 212, 255, 0.4);}.popular, .premium {border-color: var(--accent-color);box-shadow: 0 0 40px rgba(0, 255, 170, 0.3);}.popular-badge, .premium-badge {position: absolute;top: -15px;right: 20px;background: linear-gradient(135deg, var(--accent-color), var(--primary-color));padding: 8px 20px;border-radius: 20px;font-weight: 700;font-size: 0.85rem;box-shadow: 0 0 20px rgba(0, 255, 170, 0.5);}.price-header h3 {font-size: 1.8rem;margin-bottom: 20px;color: var(--text-primary);}.price {display: flex;align-items: baseline;gap: 5px;margin-bottom: 30px;}.price .currency {font-size: 1.5rem;color: var(--text-secondary);}.price .amount {font-size: 4rem;font-weight: 700;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.price .unit {font-size: 2rem;color: var(--text-secondary);}.price-features {list-style: none;margin-bottom: 30px;}.price-features li {padding: 12px 0;display: flex;align-items: center;gap: 10px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.price-features li i {font-size: 1.2rem;}.price-features .fa-check {color: var(--accent-color);}.price-features .fa-times {color: #ff4444;}.btn-price {width: 100%;justify-content: center;background: var(--glass-bg);color: var(--text-primary);border: 2px solid var(--primary-color);}.btn-price:hover {background: var(--primary-color);color: var(--dark-bg);}.btn-popular, .btn-premium {background: linear-gradient(135deg, var(--accent-color), var(--primary-color));color: var(--dark-bg);border: none;}.btn-popular:hover, .btn-premium:hover {box-shadow: 0 0 40px rgba(0, 255, 170, 0.6);}.payment-methods {padding: 80px 0;background: linear-gradient(180deg, rgba(0, 212, 255, 0.05), transparent);}.payment-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 25px;max-width: 1200px;margin: 0 auto 40px;}.payment-card {background: var(--glass-bg);backdrop-filter: blur(10px);border: 2px solid var(--glass-border);border-radius: 15px;padding: 30px 20px;text-align: center;transition: all 0.3s ease;}.payment-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 10px 40px rgba(0, 212, 255, 0.3);}.payment-icon {width: 80px;height: 80px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));border-radius: 15px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;box-shadow: 0 5px 20px rgba(0, 212, 255, 0.3);}.payment-icon i {font-size: 2.5rem;color: white;}.payment-card h4 {font-size: 1.4rem;margin-bottom: 8px;color: var(--text-primary);font-weight: 700;}.payment-card p {color: var(--text-secondary);font-size: 1rem;}.payment-note {background: var(--glass-bg);backdrop-filter: blur(10px);border: 2px solid var(--accent-color);border-radius: 15px;padding: 20px 30px;display: flex;align-items: center;gap: 15px;max-width: 800px;margin: 0 auto;}.payment-note i {font-size: 1.8rem;color: var(--accent-color);}.payment-note p {color: var(--text-secondary);font-size: 1.1rem;margin: 0;}.testimonials {padding: 80px 0;}.testi-placeholder {background: var(--glass-bg);backdrop-filter: blur(10px);border: 2px solid var(--glass-border);border-radius: 20px;padding: 80px 40px;text-align: center;max-width: 800px;margin: 0 auto;}.testi-placeholder i {font-size: 4rem;color: var(--primary-color);margin-bottom: 20px;}.testi-placeholder p {font-size: 1.2rem;margin-bottom: 10px;}.faq {padding: 80px 0;}.faq-grid {max-width: 1000px;margin: 0 auto;}.faq-item {background: var(--glass-bg);backdrop-filter: blur(10px);border: 1px solid var(--glass-border);border-radius: 15px;margin-bottom: 20px;overflow: hidden;transition: all 0.3s ease;}.faq-item:hover {border-color: var(--primary-color);}.faq-question {padding: 25px 30px;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s ease;}.faq-question:hover {background: rgba(0, 212, 255, 0.05);}.faq-question h4 {font-size: 1.2rem;color: var(--text-primary);}.faq-question i {color: var(--primary-color);transition: transform 0.3s ease;}.faq-item.active .faq-question i {transform: rotate(180deg);}.faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}.faq-item.active .faq-answer {max-height: 200px;}.faq-answer p {padding: 0 30px 25px;color: var(--text-secondary);line-height: 1.8;}.contact {padding: 80px 0;}.contact-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}.contact-card {background: var(--glass-bg);backdrop-filter: blur(10px);border: 2px solid var(--glass-border);border-radius: 15px;padding: 40px;text-align: center;text-decoration: none;color: var(--text-primary);transition: all 0.3s ease;}.contact-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 10px 40px rgba(0, 212, 255, 0.4);}.contact-card i {font-size: 3rem;color: var(--primary-color);margin-bottom: 15px;}.contact-card h4 {font-size: 1.5rem;margin-bottom: 10px;}.contact-card p {color: var(--text-secondary);}.footer {background: var(--navy-dark);border-top: 1px solid var(--glass-border);padding: 60px 0 20px;margin-top: 80px;}.footer-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;margin-bottom: 40px;}.footer-brand {display: flex;flex-direction: column;gap: 15px;}.footer-logo {width: 60px;height: 60px;filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));}.footer-brand h3 {font-family: 'Orbitron', sans-serif;font-size: 1.5rem;background: linear-gradient(90deg, var(--primary-color), var(--accent-color));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}.footer-brand p {color: var(--text-secondary);}.footer-links h4, .footer-social h4 {color: var(--primary-color);margin-bottom: 20px;font-size: 1.2rem;}.footer-links a {display: block;color: var(--text-secondary);text-decoration: none;margin-bottom: 10px;transition: all 0.3s ease;}.footer-links a:hover {color: var(--primary-color);padding-left: 10px;}.social-links {display: flex;gap: 15px;}.social-links a {width: 45px;height: 45px;background: var(--glass-bg);border: 1px solid var(--glass-border);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--text-primary);text-decoration: none;transition: all 0.3s ease;}.social-links a:hover {background: var(--primary-color);color: var(--dark-bg);transform: translateY(-5px);box-shadow: 0 5px 20px rgba(0, 212, 255, 0.4);}.footer-bottom {text-align: center;padding-top: 30px;border-top: 1px solid var(--glass-border);color: var(--text-secondary);}.wa-float {position: fixed;bottom: 30px;right: 30px;width: 60px;height: 60px;background: linear-gradient(135deg, #25D366, #128C7E);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: white;font-size: 2rem;text-decoration: none;box-shadow: 0 5px 30px rgba(37, 211, 102, 0.5);z-index: 999;animation: pulse 2s infinite;}@keyframes pulse {0%, 100% {transform: scale(1);}50% {transform: scale(1.1);}}.wa-float:hover {transform: scale(1.15);}.scroll-top {position: fixed;bottom: 100px;right: 30px;width: 50px;height: 50px;background: var(--glass-bg);border: 2px solid var(--primary-color);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--primary-color);cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 998;}.scroll-top.visible {opacity: 1;visibility: visible;}.scroll-top:hover {background: var(--primary-color);color: var(--dark-bg);transform: translateY(-5px);}@media (max-width: 968px) {.hero-content {grid-template-columns: 1fr;text-align: center;}.hero-image {order: -1;}.hero-buttons {justify-content: center;}.glitch {font-size: 2.5rem;}.nav-menu {gap: 15px;flex-wrap: wrap;justify-content: center;}.features-grid {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}.pricing-grid {grid-template-columns: 1fr;max-width: 500px;margin: 0 auto;}}@media (max-width: 600px) {.navbar .container {flex-direction: column;gap: 15px;}.section-title {font-size: 2rem;}.glitch {font-size: 2rem;}.features-grid {grid-template-columns: 1fr;}.stats-grid {grid-template-columns: 1fr;}.wa-float {width: 50px;height: 50px;font-size: 1.5rem;}.video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}}