:root{--gradient: linear-gradient(90deg, #14b8a6, #6366f1 27%, #a855f7 53%, #ec4899 77%, #f43f5e);--gradient-subtle: linear-gradient(90deg, rgba(20,184,166,.08), rgba(99,102,241,.08) 27%, rgba(168,85,247,.08) 53%, rgba(236,72,153,.08) 77%, rgba(244,63,94,.08));--gradient-md: linear-gradient(135deg, #14b8a6, #6366f1, #a855f7);--foreground: #0f172a;--foreground-muted: #64748b;--background: #ffffff;--surface: #f8fafc;--surface-elevated: #ffffff;--primary: #14b8a6;--primary-dark: #0d9488;--accent: #6366f1;--accent-purple: #a855f7;--xp: #f59e0b;--coin: #fbbf24;--correct: #22c55e;--wrong: #ef4444;--streak: #f97316;--heart-blue: #3b82f6;--heart-pink: #ec4899;--heart-yellow: #eab308;--heart-red: #ef4444;--border: #e2e8f0;--border-light: #f1f5f9;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--shadow-glow: 0 4px 24px rgba(99,102,241,.25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,PingFang SC,-apple-system,sans-serif;background-color:var(--background);color:var(--foreground);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{border:none;outline:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}@keyframes sparkle-float{0%,to{transform:rotate(-12deg) translateY(0) scale(1)}50%{transform:rotate(-12deg) translateY(-6px) scale(1.2)}}@keyframes game-asset-bob{0%{transform:translateY(0) rotate(-12deg)}to{transform:translateY(-16px) rotate(-9deg)}}@keyframes gamepad-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes correct-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes wrong-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes level-up-pop{0%{transform:scale(.4);opacity:0}50%{transform:scale(1.15);opacity:1}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes float-up{0%{transform:translateY(20px) scale(.8);opacity:0}30%{transform:translateY(-10px) scale(1.1);opacity:1}to{transform:translateY(-60px) scale(1);opacity:0}}@keyframes heart-beat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}@keyframes combo-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes progress-shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes interstitial-in{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes streak-fire{0%,to{transform:scale(1) rotate(-5deg);filter:brightness(1)}50%{transform:scale(1.15) rotate(5deg);filter:brightness(1.2)}}@keyframes pulse-ring{0%{box-shadow:0 0 #14b8a680}to{box-shadow:0 0 0 16px #14b8a600}}@keyframes letter-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wrong-flash{0%{opacity:1}to{opacity:0}}@keyframes correct-flash{0%{opacity:0;transform:scale(.9)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes emoji-explode{0%{transform:translate(-50%,-50%) scale(0);opacity:0}40%{transform:translate(-50%,-50%) scale(1.4);opacity:1}70%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-60%) scale(1);opacity:0}}@keyframes particle-burst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:0}}.card{background:var(--surface-elevated);border-radius:16px;border:1px solid var(--border-light);padding:16px;box-shadow:var(--shadow-sm)}.text-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-subtle{background:linear-gradient(90deg,#14b8a6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.tabbar-inner{display:flex;justify-content:space-around;align-items:center;height:60px;max-width:500px;margin:0 auto}.tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--foreground-muted);transition:color .2s;font-size:11px;font-weight:500;background:none;border:none;cursor:pointer;gap:3px}.tabbar-item.active{color:var(--primary)}.tabbar-icon{font-size:22px}.btn-primary{background:var(--gradient);color:#fff;font-weight:700;padding:16px;border-radius:14px;width:100%;font-size:16px;box-shadow:0 4px 14px #6366f159;transition:transform .15s,box-shadow .2s;letter-spacing:.3px}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5}.btn-game{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient);color:#fff;font-weight:700;padding:14px 28px;border-radius:999px;font-size:16px;box-shadow:0 4px 16px #6366f159;transition:transform .15s,box-shadow .2s;animation:scale-in .4s ease-out}.btn-game:active{transform:scale(.96)}.btn-game svg{animation:gamepad-wiggle .6s ease-in-out infinite}.btn-secondary{background:var(--surface);color:var(--foreground);font-weight:600;padding:14px;border-radius:14px;width:100%;font-size:15px;border:1px solid var(--border);transition:background .2s}.btn-secondary:active{background:var(--border-light)}.hearts-row{display:flex;gap:4px;align-items:center}.heart-icon{font-size:18px;transition:all .3s}.heart-icon.full{animation:heart-beat .8s ease-in-out}.heart-icon.empty{filter:grayscale(1) opacity(.3)}.xp-bar{width:100%;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#14b8a6,#6366f1);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.xp-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progress-shine 2s linear infinite}.interstitial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:slide-up .3s ease-out}.interstitial-card{background:#fff;border-radius:24px;padding:28px 24px;max-width:360px;width:calc(100% - 40px);animation:level-up-pop .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg)}.option-card{width:100%;display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:var(--surface);border:1.5px solid var(--border);text-align:left;transition:all .2s;cursor:pointer;font-size:15px;color:var(--foreground)}.option-card:active:not(:disabled){transform:scale(.98)}.option-card:disabled{cursor:default}.option-card.correct{border-color:var(--correct);background:#22c55e14;animation:correct-pop .4s cubic-bezier(.34,1.56,.64,1)}.option-card.wrong{border-color:var(--wrong);background:#ef44440f;animation:wrong-shake .4s ease-out}.option-card.disabled:not(.correct):not(.wrong){opacity:.5}.option-letter{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;background:var(--border);color:var(--foreground-muted);flex-shrink:0;transition:all .2s}.option-card.correct .option-letter{background:var(--correct);color:#fff}.option-card.wrong .option-letter{background:var(--wrong);color:#fff}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.min-h-screen{min-height:100vh}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:14px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:24px}.overflow-hidden{overflow:hidden}.relative{position:relative}.fixed{position:fixed}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.text-center{text-align:center}.whitespace-pre-wrap{white-space:pre-wrap}.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-glow{box-shadow:var(--shadow-glow)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:20px;padding-bottom:20px}.py-6{padding-top:24px;padding-bottom:24px}.pt-4{padding-top:16px}.pt-6{padding-top:24px}.pt-8{padding-top:32px}.pt-12{padding-top:48px}.pb-4{padding-bottom:16px}.pb-6{padding-bottom:24px}.pb-20{padding-bottom:80px}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hidden{display:none}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.w-auto{width:auto}.h-auto{height:auto}.pointer-events-none{pointer-events:none}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s}.landing-nav.scrolled{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px #0000000d}.landing-nav-inner{max-width:1056px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--foreground);animation:fade-in-up .6s ease-out}.hero-title .letter{display:inline-block;animation:letter-reveal .5s ease-out both}.hero-tagline{font-size:clamp(1rem,3vw,1.25rem);color:var(--foreground-muted);margin-top:16px;animation:fade-in-up .6s ease-out .15s both}.sparkle{position:absolute;pointer-events:none;animation:sparkle-float 2.4s ease-in-out infinite}.game-asset{position:absolute;pointer-events:none;animation:game-asset-bob 3s ease-in-out infinite alternate}.testimonial-track{display:flex;gap:16px;animation:scroll-testimonials 30s linear infinite;width:max-content}.testimonial-track:hover{animation-play-state:paused}@keyframes scroll-testimonials{0%{transform:translate(0)}to{transform:translate(-50%)}}.testimonial-card{flex-shrink:0;width:280px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 0 0 1px #0206170f,0 4px 16px #0206170f;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}.testimonial-card:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #0206171a,0 8px 24px #0206171a}.testimonial-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.testimonial-header{display:flex;align-items:center;gap:10px}.testimonial-name{font-size:12px;font-weight:600;color:var(--foreground-muted)}.testimonial-text{font-size:14px;font-weight:600;color:var(--foreground);line-height:1.5;flex:1}.testimonial-footer{display:flex;align-items:center;gap:8px;color:var(--heart-pink)}.testimonial-time{font-size:12px;color:var(--foreground-muted);flex:1}.testimonial-hearts{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.feature-card{background:#fff;border-radius:16px;padding:20px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;cursor:pointer;text-align:center}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:24px}.feature-title{font-size:14px;font-weight:700;color:var(--foreground);margin-bottom:4px}.feature-desc{font-size:12px;color:var(--foreground-muted)}.cta-section{background:#09090b;position:relative;overflow:hidden;padding:80px 20px}.cta-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.15),transparent 70%);pointer-events:none}.phone-mockup{position:relative;width:226px;min-height:472px;background:#fff;border-radius:36px;overflow:hidden;box-shadow:0 25px 50px #00000040;margin:0 auto}@media (min-width: 768px){.phone-mockup{width:290px;min-height:619px;border-radius:44px}}.heart-icon-filled{color:var(--heart-pink);fill:var(--heart-pink)}@media (max-width: 768px){.desktop-only{display:none!important}}@media (min-width: 769px){.mobile-only{display:none!important}}