.landing-page{--primary-glow:#a78bfa;--surface:#161b22;--surface-2:#21262d;--warning:#f59e0b;--gradient-primary:linear-gradient(135deg,#8b5cf6,#a78bfa);--gradient-glow:radial-gradient(circle at 50% 50%,rgba(139,92,246,.4),transparent 60%);--shadow-glow:0 0 60px -10px rgba(139,92,246,.5);--shadow-card:0 20px 50px -20px rgba(0,0,0,.5);--font-display:var(--font-space-grotesk),system-ui,sans-serif;min-height:100vh;scroll-behavior:smooth;background-color:#0d1117;color:#e6edf3;background-image:radial-gradient(ellipse 100% 60% at 50% -10%,rgba(139,92,246,.2),transparent 60%),radial-gradient(ellipse 80% 40% at 80% 50%,rgba(167,139,250,.1),transparent 70%);background-attachment:fixed}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5{font-family:var(--font-display);letter-spacing:-.02em}.landing-page .text-gradient{background:linear-gradient(135deg,#f0f0f5,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-page .bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:40px 40px}.landing-page .glass{background:rgba(22,27,34,.6);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08)}.landing-page .shadow-glow{box-shadow:var(--shadow-glow)}.landing-page .shadow-card{box-shadow:var(--shadow-card)}.landing-page .bg-surface{background-color:var(--surface)}.landing-page .bg-surface-2{background-color:var(--surface-2)}.landing-page .text-primary-glow{color:var(--primary-glow)}.landing-page .text-warning{color:var(--warning)}.landing-page .btn-game,.landing-page .font-display{font-family:var(--font-display)}.landing-page .btn-game{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:#fff;background:var(--gradient-primary);border-radius:.75rem;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 6px 0 0 #5b21b6,0 10px 30px -8px rgba(139,92,246,.6),inset 0 1px 0 hsla(0,0%,100%,.3);transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;text-decoration:none}.landing-page .btn-game:hover{transform:translateY(-2px);box-shadow:0 8px 0 0 #5b21b6,0 14px 36px -8px rgba(139,92,246,.8),inset 0 1px 0 hsla(0,0%,100%,.3)}.landing-page .btn-game:active{transform:translateY(4px);box-shadow:0 2px 0 0 #5b21b6,0 4px 12px -4px rgba(139,92,246,.5),inset 0 1px 0 hsla(0,0%,100%,.3)}.landing-page .btn-game-sm{padding:.6rem 1rem;font-size:.8rem;gap:.35rem}@media (max-width:639px){.landing-page .hero-cta{gap:.4rem}.landing-page .hero-cta .btn-game{flex:0 1 auto;min-width:0;padding:.55rem .7rem;font-size:.75rem;gap:.3rem;white-space:nowrap}}@keyframes landing-shimmer-sweep{0%{background-position:150%,0 0}to{background-position:-50%,0 0}}.landing-page .shimmer-gradient-text{background-image:linear-gradient(105deg,transparent,transparent 40%,hsla(0,0%,100%,.95) 50%,transparent 60%,transparent),linear-gradient(135deg,#f0f0f5,#a78bfa);background-size:200% 100%,100% 100%;background-repeat:no-repeat,no-repeat;background-position:150%,0 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:landing-shimmer-sweep 1.8s ease-in-out infinite}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-pop-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.landing-page .hero-tagline-in{animation:landing-pop-in .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}.landing-page .hero-sub-in{animation:landing-fade-up .5s ease-out both;animation-delay:.3s}.landing-page .btn-game-ghost{background:var(--surface);color:#e6edf3;box-shadow:0 6px 0 0 #0d1117,0 10px 24px -10px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.06)}.landing-page .btn-game-ghost:hover{box-shadow:0 8px 0 0 #0d1117,0 14px 30px -10px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.06)}.landing-page .btn-game-ghost:active{box-shadow:0 2px 0 0 #0d1117,0 4px 10px -4px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.06)}@keyframes landing-xp-fill{0%{width:0}to{width:var(--xp,45%)}}.landing-page .xp-fill{animation:landing-xp-fill 1.6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes landing-phone-float{0%,to{transform:rotate(var(--phone-rotate,0deg)) translateY(var(--phone-y,0))}50%{transform:rotate(var(--phone-rotate,0deg)) translateY(calc(var(--phone-y, 0px) - 18px))}}@keyframes landing-hero-badge{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-6px);opacity:.92}}.landing-page .phone-float-motion{animation:landing-phone-float 5.5s ease-in-out infinite;animation-delay:var(--float-delay,0s);transform-origin:center bottom;will-change:transform}.landing-page .gamification-scene{perspective:1400px;min-height:320px}@media (min-width:640px){.landing-page .gamification-scene{min-height:380px}}.landing-page .gamification-phone-stage{will-change:transform,opacity}@keyframes landing-gamification-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.landing-page .gamification-phone-float{animation:landing-gamification-float 6.5s ease-in-out infinite;will-change:transform}.landing-page .floating-phones{perspective:1400px}@media (max-width:639px){.landing-page .floating-phone-item{margin-left:-4.75rem}.landing-page .floating-phone-item:first-child{margin-left:0}}.landing-page .floating-phone-item{flex-shrink:0;margin-left:-4rem;transform-origin:center bottom;transition:filter .4s ease}.landing-page .floating-phone-item:first-child{margin-left:0}@media (min-width:640px){.landing-page .floating-phone-item{margin-left:-5.5rem}.landing-page .floating-phone-item:first-child{margin-left:0}}@media (min-width:1024px){.landing-page .floating-phone-item{margin-left:-7rem}}.landing-page .floating-phone-item:hover{filter:brightness(1.05);z-index:30!important}.landing-page .floating-phone-item:hover .phone-float-motion{animation-play-state:paused}.landing-page .hero-badge{animation:landing-hero-badge 4s ease-in-out infinite}.landing-page .phone-showcase-section{background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(139,92,246,.08),transparent 70%)}.landing-page .phone-carousel-scroll{display:flex;width:100%;align-items:flex-end;gap:1.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;padding:.5rem 1rem 1.5rem;user-select:none;touch-action:pan-x}.landing-page .phone-carousel-scroll.is-dragging{cursor:grabbing;scroll-snap-type:none}.landing-page .phone-carousel-scroll::-webkit-scrollbar{display:none}.landing-page .phone-carousel-scroll.is-dragging,.landing-page .phone-carousel-scroll:active{cursor:grabbing}.landing-page .phone-carousel-scroll.is-dragging .phone-carousel-slide{pointer-events:none}@media (min-width:640px){.landing-page .phone-carousel-scroll{gap:2.25rem;padding-inline:1.5rem}}.landing-page .phone-carousel-slide{flex-shrink:0;transition:transform .4s ease,filter .4s ease}.landing-page .phone-carousel-scroll:not(.is-dragging) .phone-carousel-slide:hover{transform:translateY(-10px) scale(1.03);filter:brightness(1.06);z-index:5}.landing-page .phone-screenshot-shell{transition:transform .4s ease}