:root{--brand-primary:#4361ee;--brand-primary-hover:#3651d4;--brand-primary-light:#eef2ff;--brand-primary-dark:#2e43a3;--brand-secondary:#35d8ac;--brand-secondary-hover:#2bc49a;--brand-secondary-light:#e6faf4;--brand-secondary-dark:#249f7a;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020617;--text-primary:var(--neutral-800);--text-secondary:var(--neutral-500);--text-on-dark:#ffffff;--bg-body:var(--neutral-50);--bg-card:#ffffff;--bg-dark:var(--neutral-900);--bg-gradient-start:#0f172a;--bg-gradient-end:#1e293b;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.04);--shadow-glow:0 0 30px rgba(67,97,238,.15);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms cubic-bezier(.4,0,.2,1);--space-section:100px;--space-section-mobile:60px;--max-width:1200px}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-primary);background-color:var(--bg-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.menu-plans,.playGame{font-size:.9rem;min-width:100px;justify-content:center}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.section-header .accent-text{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.125rem;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.7}section{padding:var(--space-section) 0}.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;border-radius:var(--radius-full);font-family:'Rubik',sans-serif;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--brand-secondary),#2bc49a);color:#fff;box-shadow:0 4px 15px rgba(53,216,172,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(53,216,172,.45)}.btn-primary:active{transform:translateY(0)}.btn-lg{padding:18px 44px;font-size:1.125rem}.hero{position:relative;height:calc(100vh - 50px);display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 50%,#1a1a2e 100%);overflow:hidden;padding-bottom:0;padding-top:0}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(67,97,238,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(53,216,172,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(67,97,238,.06) 0%,transparent 50%);pointer-events:none;z-index:1}.hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:1}.hero-container{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;max-width:var(--max-width);margin:0 auto;padding:20px 24px 0;flex:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;flex:1}.hero-content{max-width:600px}.hero-logo{margin-bottom:24px;animation:fadeInUp .8s ease-out forwards}.hero-logo img{max-width:600px;height:auto;margin-left:-20px}.hero-subtitle{font-size:1.25rem;color:var(--brand-secondary);font-family:'Courier New',monospace;font-weight:600;margin:0 0 16px;animation:fadeInUp .8s ease-out .15s forwards;opacity:0}.hero-description{font-size:1.125rem;color:rgba(255,255,255,.7);line-height:1.8;margin:0 0 36px;max-width:500px;animation:fadeInUp .8s ease-out .3s forwards;opacity:0}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;animation:fadeInUp .8s ease-out .45s forwards;opacity:0}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;animation:fadeInRight 1s ease-out .3s forwards;opacity:0}.hero-visual-content{position:relative;width:100%;max-width:560px}.hero-code-snippet{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:36px;backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.hero-code-snippet .code-dots{display:flex;gap:8px;margin-bottom:24px}.hero-code-snippet .code-dots span{width:14px;height:14px;border-radius:50%}.hero-code-snippet .code-dots span:nth-child(1){background:#ff5f56}.hero-code-snippet .code-dots span:nth-child(2){background:#ffbd2e}.hero-code-snippet .code-dots span:nth-child(3){background:#27c93f}.hero-code-snippet pre{margin:0;font-family:'Courier New',monospace;font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,.8)}.hero-code-snippet code .keyword{color:#c792ea}.hero-code-snippet code .function{color:#82aaff}.hero-code-snippet code .string{color:#c3e88d}.hero-code-snippet code .comment{color:#546e7a;font-style:italic}.hero-code-snippet code .number{color:#f78c6c}.scroll-indicator{position:relative;left:auto;transform:none;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:2;padding:12px 0 8px}.scroll-mouse{width:26px;height:40px;border:2px solid rgba(255,255,255,.4);border-radius:13px;position:relative}.scroll-mouse .scroll-wheel{width:4px;height:8px;background:rgba(255,255,255,.7);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollWheel 2s ease-in-out infinite}.scroll-indicator p{font-size:.8125rem;color:rgba(255,255,255,.5);margin:0;letter-spacing:.05em}.partner-banner{position:relative;z-index:2;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.06);padding:12px 0}.partner-content{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:60px;padding:24px;flex-wrap:wrap}.partner-item{display:flex;align-items:center;gap:16px}.partner-text{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.5);margin:0;white-space:nowrap}.partner-logo{height:50px;width:auto;object-fit:contain;opacity:.7;transition:opacity var(--transition-base)}.partner-logo:hover{opacity:1}.features{background:var(--bg-body);position:relative}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:36px 32px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease}.feature-card.animate{opacity:1;transform:translateY(0)}.feature-card:hover{box-shadow:var(--shadow-xl)}.feature-card.featured-wide{grid-column:1 / -1}.feature-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;position:relative}.feature-icon.blue{background:linear-gradient(135deg,var(--brand-primary-light),#dde5ff);color:var(--brand-primary)}.feature-icon.green{background:linear-gradient(135deg,var(--brand-secondary-light),#d0f5eb);color:var(--brand-secondary)}.feature-icon.purple{background:linear-gradient(135deg,#f0e6ff,#e0d0ff);color:#7c3aed}.feature-icon.orange{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.feature-icon i{position:relative;z-index:1}.feature-card h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.feature-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.how-it-works{background:var(--bg-card);position:relative}.steps-container{max-width:720px;margin:0 auto;position:relative}.steps-container::before{content:'';position:absolute;top:0;bottom:0;left:36px;width:2px;background:linear-gradient(to bottom,var(--brand-primary-light),var(--brand-secondary-light))}.step-item{display:flex;gap:28px;margin-bottom:40px;position:relative;opacity:0;transform:translateX(-20px);transition:opacity .6s ease,transform .6s ease}.step-item.animate{opacity:1;transform:translateX(0)}.step-item:last-child{margin-bottom:0}.step-number{width:74px;height:74px;min-width:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover) 100%);position:relative;z-index:2;box-shadow:0 4px 15px rgba(67,97,238,.25)}.step-content{padding-top:12px}.step-content h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.step-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0}.testimonials{background:var(--neutral-100)}.testimonial-slider-container{max-width:720px;margin:0 auto;position:relative;overflow:hidden}.testimonial-slider{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}.testimonial-slide{min-width:100%;box-sizing:border-box;padding:0 8px}.testimonial-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:40px 36px;position:relative;box-shadow:var(--shadow-md)}.testimonial-card::before{content:'\201C';position:absolute;top:5px;left:5px;font-size:5rem;line-height:1;color:var(--brand-primary);opacity:.12;font-family:Georgia,serif}.testimonial-card::after{content:'\201D';position:absolute;bottom:90px;right:24px;font-size:5rem;line-height:1;color:var(--brand-primary);opacity:.12;font-family:Georgia,serif}.testimonial-card p{font-size:1.05rem;line-height:1.8;color:var(--text-primary);margin:0 0 24px;font-style:italic;position:relative;z-index:1}.testimonial-card .testimonial-author{display:flex;align-items:center;gap:14px;border-top:1px solid var(--neutral-100);padding-top:20px}.testimonial-card .author-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary-light),var(--brand-secondary-light));display:flex;align-items:center;justify-content:center;color:var(--brand-primary);font-size:20px;flex-shrink:0}.testimonial-card .author-info h4{font-size:.95rem;font-weight:600;margin:0 0 2px;color:var(--text-primary)}.testimonial-card .author-info p{font-size:.85rem;color:var(--text-secondary);margin:0;font-style:normal}.slider-nav{display:flex;justify-content:center;gap:10px;margin-top:28px}.slider-dot{width:10px;height:10px;border-radius:50%;background:var(--neutral-300);cursor:pointer;transition:all var(--transition-base);border:none;padding:0}.slider-dot.active{background:var(--brand-primary);width:32px;border-radius:5px;transform:none}.cta-section{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(53,216,172,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.cta-content{max-width:680px;margin:0 auto;position:relative;z-index:1}.cta-content h2{font-size:2.25rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}.cta-content p{font-size:1.125rem;color:rgba(255,255,255,.85);margin:0 0 36px;line-height:1.7}.cta-content .btn-primary{background:#fff;color:var(--brand-primary);box-shadow:0 4px 20px rgba(0,0,0,.15)}.cta-content .btn-primary:hover{background:var(--neutral-50);box-shadow:0 8px 30px rgba(0,0,0,.2)}html.dark-mode .container,body.dark-mode .container{background-color:none!important;border-color:none!important}html.dark-mode body,body.dark-mode{background-color:#0f141c!important;color:#e6edf3!important}html.dark-mode section,body.dark-mode section{background-color:inherit}html.dark-mode .section-header h2,body.dark-mode .section-header h2{color:#e6edf3}html.dark-mode .section-header p,body.dark-mode .section-header p{color:#a8b3c2}html.dark-mode .feature-card,body.dark-mode .feature-card,html.dark-mode .plan-card,body.dark-mode .plan-card,html.dark-mode .pp-section,body.dark-mode .pp-section,html.dark-mode .testimonial-card,body.dark-mode .testimonial-card,html.dark-mode .step-content,body.dark-mode .step-content{background:#18202b!important;box-shadow:0 8px 22px rgba(0,0,0,.35)}html.dark-mode .feature-card h3,body.dark-mode .feature-card h3,html.dark-mode .plan-card h3,body.dark-mode .plan-card h3,html.dark-mode .pp-section h2,body.dark-mode .pp-section h2,html.dark-mode .step-content h3,body.dark-mode .step-content h3,html.dark-mode .testimonial-card .author-info h4,body.dark-mode .testimonial-card .author-info h4{color:#e6edf3}html.dark-mode .feature-card p,body.dark-mode .feature-card p,html.dark-mode .plan-card p,body.dark-mode .plan-card p,html.dark-mode .pp-section p,body.dark-mode .pp-section p,html.dark-mode .step-content p,body.dark-mode .step-content p,html.dark-mode .pp-section ul li,body.dark-mode .pp-section ul li,html.dark-mode .testimonial-card p,body.dark-mode .testimonial-card p,html.dark-mode .testimonial-card .author-info p,body.dark-mode .testimonial-card .author-info p{color:#a8b3c2}html.dark-mode .features,body.dark-mode .features,html.dark-mode .about-features,body.dark-mode .about-features{background:#0f141c}html.dark-mode .how-it-works,body.dark-mode .how-it-works,html.dark-mode .about-story,body.dark-mode .about-story,html.dark-mode .plans-features,body.dark-mode .plans-features{background:#18202b}html.dark-mode .testimonials,body.dark-mode .testimonials,html.dark-mode .about-premium,body.dark-mode .about-premium,html.dark-mode .plans-story,body.dark-mode .plans-story{background:#0f141c}html.dark-mode .steps-container::before,body.dark-mode .steps-container::before{background:linear-gradient(to bottom,#2a3f63,#1a3a35)}html.dark-mode .testimonial-card::before,body.dark-mode .testimonial-card::before,html.dark-mode .testimonial-card::after,body.dark-mode .testimonial-card::after{color:#6ea8fe;opacity:.2}html.dark-mode .plan-card.small-plan,body.dark-mode .plan-card.small-plan{background:linear-gradient(135deg,#1a2a28,#1a2235)!important;border-color:#2a8a7a}html.dark-mode .plan-card.custom-plan,body.dark-mode .plan-card.custom-plan{background:#18202b!important;border-color:#2f3b4d}html.dark-mode .plan-card.featured,body.dark-mode .plan-card.featured{border-color:#2a8a7a}html.dark-mode .plan-card .plan-duration,body.dark-mode .plan-card .plan-duration{color:#5aaea0}html.dark-mode .feature-icon.blue,body.dark-mode .feature-icon.blue{background:linear-gradient(135deg,#2a3f63,#1a2a45);color:#6ea8fe}html.dark-mode .feature-icon.green,body.dark-mode .feature-icon.green{background:linear-gradient(135deg,#1a3a35,#0a2a25);color:#5aaea0}html.dark-mode .feature-icon.purple,body.dark-mode .feature-icon.purple{background:linear-gradient(135deg,#2a2045,#1a1035);color:#9a7acc}html.dark-mode .feature-icon.orange,body.dark-mode .feature-icon.orange{background:linear-gradient(135deg,#3a2a10,#2a1a00);color:#d4a050}html.dark-mode .pp-section .highlight,body.dark-mode .pp-section .highlight{background:#1a2a3a;border-left-color:#6ea8fe}html.dark-mode .pp-section .highlight p,body.dark-mode .pp-section .highlight p{color:#c8d8e8}html.dark-mode .pp-section code,body.dark-mode .pp-section code{background:#222c3a;color:#c8d8e8}html.dark-mode .pp-section a,body.dark-mode .pp-section a{color:#6ea8fe}html.dark-mode .pp-back-to-top,body.dark-mode .pp-back-to-top{background:#2a3f63}html.dark-mode .hero-logo img,body.dark-mode .hero-logo img,html.dark-mode .footer-redesign-logo,body.dark-mode .footer-redesign-logo{filter:brightness(.9)}html.dark-mode .trial-banner,body.dark-mode .trial-banner{border-color:rgba(90,174,160,.3)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scrollWheel{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(12px)}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-logo img{margin:auto}.hero-content{max-width:100%}.hero-description{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-visual{display:none}.section-header h2{font-size:1.875rem}.features-grid{grid-template-columns:1fr}.feature-card.featured-wide{grid-column:1}}@media (max-width:768px){:root{--space-section:60px}section{padding:var(--space-section) 0}.container{padding:0 20px}.hero{height:calc(100vh - 50px)}.hero-container{padding:20px 20px 0}.hero-logo img{max-width:430px;margin:0 auto}.hero-subtitle{font-size:1.0625rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;justify-content:center}.section-header{margin-bottom:40px}.section-header h2{font-size:1.625rem}.section-header p{font-size:1rem}.feature-card{padding:28px 24px}.feature-card h3{font-size:1.1rem}.steps-container::before{left:28px}.step-item{gap:20px}.step-number{width:58px;height:58px;min-width:58px;font-size:1.25rem}.step-content h3{font-size:1.05rem}.testimonial-card{padding:28px 24px}.testimonial-card p{font-size:.95rem}.testimonial-card::before{font-size:3.5rem;top:12px;left:16px}.cta-content h2{font-size:1.625rem}.cta-content p{font-size:1rem}.partner-content{gap:28px;flex-direction:column;align-items:center}.partner-item{flex-direction:row}.partner-text{font-size:.8125rem}.partner-logo{height:40px}.btn-lg{padding:16px 32px;font-size:1rem}}@media (max-width:480px){.hero-logo img{max-width:325px}.hero-subtitle{font-size:.9375rem}.hero-description{font-size:.9375rem}.section-header h2{font-size:1.375rem}.feature-card{padding:24px 20px}.step-number{width:48px;height:48px;min-width:48px;font-size:1.0625rem}.steps-container::before{left:24px}.cta-content h2{font-size:1.375rem}}