@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_dd5b2f{--font-space-grotesk:"Space Grotesk","Space Grotesk Fallback"}.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-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 max(1rem,calc(50vw - 120px)) 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:max(1.5rem,calc(50vw - 132px))}}@media (min-width:768px){.landing-page .phone-carousel-scroll{padding-inline:max(1.5rem,calc(50vw - 144px))}}.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}