:root{--bg-primary: #0a0e17;--bg-secondary: #0f1524;--bg-card: rgba(255, 255, 255, .03);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-glow: rgba(99, 102, 241, .15);--color-earn: #10b981;--color-lose: #f43f5e;--color-spend: #3b82f6;--color-gold: #f59e0b;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--font-sans: "Inter", sans-serif;--font-title: "Outfit", sans-serif;--shadow-premium: 0 10px 30px -10px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.bg-dark-alt{background-color:var(--bg-secondary)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#0a0e17b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:16px 0;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-title);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.nav-logo .logo-img{width:32px;height:32px;border-radius:8px;object-fit:contain}.nav-menu{display:flex;gap:32px}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-link:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:16px}.btn-login{color:var(--text-primary);font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-sm);transition:background .2s}.btn-login:hover{background:#ffffff0d}.btn-nav-primary{background:var(--color-primary);color:#fff;font-weight:600;font-size:.95rem;padding:10px 20px;border-radius:var(--radius-sm);box-shadow:0 4px 14px var(--color-primary-glow);transition:all .2s ease}.btn-nav-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.hero-section{padding-top:160px;padding-bottom:100px;position:relative;background:radial-gradient(circle at 80% 20%,rgba(99,102,241,.08) 0%,transparent 60%)}.hero-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badge{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#a5b4fc;padding:6px 14px;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:24px}.hero-content h1{font-size:3.5rem;line-height:1.15;margin-bottom:20px;background:linear-gradient(135deg,var(--text-primary) 30%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.15rem;color:var(--text-secondary);margin-bottom:36px;max-width:560px}.hero-ctas{display:flex;gap:16px;margin-bottom:36px;width:100%}.btn-hero-primary{background:var(--color-primary);color:#fff;font-weight:600;font-size:1.05rem;padding:16px 32px;border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--color-primary-glow);transition:all .2s ease;display:inline-block}.btn-hero-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.btn-hero-secondary{border:1px solid var(--border-color);background:#ffffff05;color:var(--text-primary);font-weight:600;font-size:1.05rem;padding:16px 32px;border-radius:var(--radius-sm);transition:all .2s ease;display:inline-block}.btn-hero-secondary:hover{border-color:var(--border-hover);background:#ffffff0d;transform:translateY(-2px)}.hero-features-list{display:flex;gap:24px;color:var(--text-secondary);font-size:.9rem;font-weight:500}.hero-visual{display:flex;justify-content:center}.app-mockup{width:100%;max-width:400px;background:#111827;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium),0 0 40px #6366f11a;overflow:hidden}.mockup-header{background:#0003;padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:8px}.mockup-dot{width:10px;height:10px;border-radius:50%}.mockup-dot.red{background-color:#ef4444}.mockup-dot.yellow{background-color:#f59e0b}.mockup-dot.green{background-color:#10b981}.mockup-title{margin-left:8px;font-weight:600;font-size:.9rem}.mockup-body{padding:24px;display:flex;flex-direction:column;gap:20px}.mockup-balance{background:#ffffff05;border:1px solid var(--border-color);padding:16px;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.mockup-balance .lbl{color:var(--text-secondary);font-size:.9rem}.mockup-balance .val{font-family:var(--font-title);font-size:1.5rem;font-weight:700}.mockup-parent-active{font-size:.85rem;color:var(--text-muted);text-align:center}.mockup-grid{display:flex;flex-direction:column;gap:10px}.mockup-card{padding:14px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color);font-size:.9rem;background:#ffffff03}.mockup-card.earn{border-left:3px solid var(--color-earn)}.mockup-card.spend{border-left:3px solid var(--color-spend)}.mockup-card .points{font-weight:700}.mockup-card.earn .points{color:var(--color-earn)}.mockup-card.spend .points{color:var(--color-spend)}.section-container{padding:100px 0}.section-title{font-size:2.5rem;margin-bottom:16px;text-align:center}.section-title.text-left{text-align:left}.section-subtitle{color:var(--text-secondary);font-size:1.15rem;max-width:720px;margin:0 auto 60px;text-align:center}.section-subtitle.text-left{text-align:left;margin-left:0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.method-card{background:var(--bg-card);border:1px solid var(--border-color);padding:40px 30px;border-radius:var(--radius-lg);transition:all .3s ease;text-align:left}.method-card:hover{transform:translateY(-5px);border-color:var(--border-hover);background:#ffffff0d}.card-icon{font-size:2rem;color:var(--color-primary);margin-bottom:20px;background:#6366f114;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.method-card h3{font-size:1.25rem;margin-bottom:12px}.method-card p{color:var(--text-secondary);font-size:.95rem}.features-split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}.feature-item{display:flex;gap:20px;margin-bottom:30px}.feature-item:last-child{margin-bottom:0}.f-icon{font-size:1.5rem;background:#ffffff08;border:1px solid var(--border-color);width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.feature-item h4{font-size:1.15rem;margin-bottom:6px}.feature-item p{color:var(--text-secondary);font-size:.95rem}.features-visual{display:flex;justify-content:center}.stats-mockup{background:#111827;border:1px solid var(--border-color);padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);width:100%;max-width:380px}.stats-header{font-weight:600;font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.stats-circular{display:flex;flex-direction:column;align-items:center;gap:24px}.circular-progress{width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,#111827 79%,transparent 80% 100%),conic-gradient(var(--color-earn) 76%,var(--border-color) 0);display:flex;flex-direction:column;align-items:center;justify-content:center}.ratio-number{font-size:2.25rem;font-weight:700;color:var(--color-earn);font-family:var(--font-title);line-height:1}.ratio-lbl{font-size:.75rem;color:var(--text-muted)}.stats-details{text-align:center;font-size:.9rem}.stats-details .status.green{color:var(--color-earn);font-weight:600;margin-bottom:4px}.stats-details p{color:var(--text-secondary)}.boutique-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;position:relative;display:flex;flex-direction:column;transition:all .3s ease}.product-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-premium)}.prod-badge{position:absolute;top:16px;right:16px;background:#ffffff0d;border:1px solid var(--border-color);padding:4px 10px;border-radius:100px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.prod-img{font-size:3.5rem;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff03;border-radius:var(--radius-sm);margin-bottom:20px}.prod-info{display:flex;flex-direction:column;flex-grow:1}.prod-info h3{font-size:1.15rem;margin-bottom:8px}.prod-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:16px;flex-grow:1}.prod-price{font-family:var(--font-title);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:block}.btn-buy{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);padding:10px;border-radius:var(--radius-sm);text-align:center;font-weight:600;font-size:.9rem;transition:all .2s}.btn-buy:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.boutique-disclaimer{font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:36px}.trial-banner{background:linear-gradient(135deg,#6366f126,#3b82f626);border:1px solid rgba(99,102,241,.3);padding:16px;border-radius:var(--radius-md);color:#c7d2fe;max-width:720px;margin:0 auto 40px;font-size:1rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch;margin-top:40px}.price-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px 24px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.price-card.popular{border-color:var(--color-primary);background:radial-gradient(circle at 50% 0%,#6366f114,#ffffff05);box-shadow:0 10px 40px -15px #6366f14d}.price-card:hover{transform:translateY(-5px);border-color:var(--border-hover)}.price-card.popular:hover{border-color:var(--color-primary-hover)}.card-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase}.card-badge.economy{background:var(--color-earn)}.price-card h3{font-size:1.35rem;margin-bottom:16px;color:var(--text-primary)}.price-card .price{font-family:var(--font-title);font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:8px}.price-card .price .period{font-size:.95rem;color:var(--text-secondary);font-weight:400}.price-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:24px;min-height:40px}.price-features{list-style:none;text-align:left;margin-bottom:36px;flex-grow:1}.price-features li{margin-bottom:12px;font-size:.9rem;color:var(--text-secondary)}.price-features li strong{color:var(--text-primary)}.price-features li.disabled{color:var(--text-muted);text-decoration:line-through}.btn-price-primary{background:var(--color-primary);color:#fff;padding:14px;border-radius:var(--radius-sm);font-weight:600;text-align:center;transition:all .2s;box-shadow:0 4px 12px var(--color-primary-glow)}.btn-price-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-price-secondary{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-primary);padding:14px;border-radius:var(--radius-sm);font-weight:600;text-align:center;transition:all .2s}.btn-price-secondary:hover{background:#ffffff14;border-color:var(--border-hover);transform:translateY(-1px)}.footer{border-top:1px solid var(--border-color);padding:40px 0;color:var(--text-muted);font-size:.85rem}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links{display:flex;gap:24px}.footer-links a{transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}@media (max-width: 1024px){.pricing-grid,.boutique-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (max-width: 992px){.nav-menu{display:none}}@media (max-width: 768px){.navbar{padding:12px 0}.hero-container{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content{align-items:center}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.05rem}.method-grid{grid-template-columns:1fr}.features-split{grid-template-columns:1fr;gap:40px}.pricing-grid,.boutique-grid{grid-template-columns:1fr;max-width:400px;margin:40px auto 0}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 600px){.nav-container{padding:0 12px}.nav-logo{font-size:1.1rem;gap:6px;white-space:nowrap}.nav-logo .logo-img{width:24px;height:24px}.nav-actions{gap:6px}.btn-login,.btn-nav-primary{padding:6px 10px;font-size:.8rem;white-space:nowrap}.lang-dropdown-btn{padding:6px 8px;font-size:.75rem}.lang-text{display:none}.faq-question{padding:16px 18px;font-size:1.05rem}.faq-answer{padding:0 18px;font-size:.9rem}.faq-item.active .faq-answer{padding-bottom:18px}.faq-category-title{font-size:1.2rem;margin-top:24px}}@media (max-width: 576px){.hero-ctas{flex-direction:column;gap:12px;align-items:stretch}.btn-hero-primary,.btn-hero-secondary{text-align:center;width:100%}}@media (max-width: 430px){.btn-nav-primary{display:none}}.lang-dropdown{position:relative;display:inline-block}.lang-dropdown-btn{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.lang-dropdown-btn:hover{background:#ffffff14;border-color:var(--border-hover)}.lang-dropdown-content{display:none;position:absolute;right:0;top:calc(100% + 8px);background:#0f1524;border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-premium);min-width:120px;z-index:1001;overflow:hidden}.lang-dropdown-content.show{display:block}.lang-dropdown-content button{background:none;border:none;color:var(--text-secondary);padding:10px 16px;width:100%;text-align:left;font-family:var(--font-sans);font-size:.85rem;cursor:pointer;transition:all .2s;display:block}.lang-dropdown-content button:hover{background:#ffffff0d;color:var(--text-primary)}.faq-accordion-group{display:flex;flex-direction:column;gap:16px;margin-top:20px}.faq-category-title{font-family:var(--font-title);font-size:1.35rem;font-weight:700;color:#a5b4fc;margin-top:30px;margin-bottom:10px;border-bottom:1px solid rgba(165,180,252,.15);padding-bottom:8px}.faq-category-title:first-of-type{margin-top:0}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:var(--border-hover);background:#ffffff0a}.faq-question{width:100%;padding:22px 24px;background:none;border:none;color:var(--text-primary);font-family:var(--font-title);font-size:1.15rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:color .2s}.faq-question:hover{color:#a5b4fc}.faq-icon{font-size:.85rem;color:var(--text-secondary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-answer{max-height:0;overflow:hidden;padding:0 24px;color:var(--text-secondary);font-size:.95rem;line-height:1.7;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.faq-item.active{border-color:#6366f14d;background:#6366f105;box-shadow:0 4px 20px #0003}.faq-item.active .faq-question{color:#a5b4fc}.faq-item.active .faq-icon{transform:rotate(180deg);color:#a5b4fc}.faq-item.active .faq-answer{max-height:500px;padding-bottom:24px}