.landing-page{min-height:100dvh;padding:calc(64px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));flex-direction:column;align-items:center;gap:56px;display:flex}.landing-page .hero{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:720px;display:flex}.landing-page .hero .logo{animation:3s ease-in-out infinite landing-bounce}.landing-page .hero .tagline{color:var(--color-text-secondary);margin:0;font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:700}.landing-page .hero .actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.landing-page .steps{grid-template-columns:repeat(3,1fr);gap:40px 24px;width:100%;max-width:1000px;display:grid}.landing-page .step{text-align:center}.landing-page .step .icon{font-size:2.6rem}.landing-page .step p{color:var(--color-text-secondary);margin:8px 0 0;line-height:1.5}.landing-page .footer{color:var(--color-text-secondary);text-align:center;opacity:.8;margin-top:auto;font-size:.75rem}@media (max-width:900px){.landing-page{padding-top:calc(48px + var(--safe-top));gap:48px}.landing-page .steps{grid-template-columns:1fr;max-width:460px}.landing-page .hero .actions{flex-direction:column;width:100%;max-width:360px}.landing-page .hero .actions .game-button{width:100%}}@keyframes landing-bounce{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}