.landing{width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh;padding:0;margin:0;background:linear-gradient(135deg,#0f172a,#1e293b);position:fixed;top:0;left:0;right:0;bottom:0}.landing,.landing-container{overflow:hidden;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;box-sizing:border-box}.landing-container{width:100%;max-width:600px;text-align:center;grid-gap:0;gap:0;padding:min(24px,3vh) min(24px,4vw);height:100%}.landing-container>div:first-child{flex-direction:column;width:100%;overflow:hidden}.landing-container>div:first-child,.logo-container{display:flex;align-items:center;justify-content:center}.logo-container{flex-shrink:0;margin:0;padding:0}.logo-container .logo-image,.logo-container img{border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.3);width:120px;height:120px;object-fit:contain;max-width:20vw;max-height:20vh}.app-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin:min(20px,2vh) 0 0;padding:0;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.app-tagline{font-size:clamp(.9rem,2vw,1.25rem);line-height:1.4;color:rgba(226,232,240,.9);margin:min(20px,2vh) 0;padding:0 min(24px,4vw);max-width:500px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis}.landing-footer{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.875rem;color:rgba(226,232,240,.7);padding:min(16px,2vh) 0;margin:0;width:100%;grid-row:2}.footer-link{color:rgba(226,232,240,.8);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#e2e8f0;text-decoration:underline}.footer-separator{color:rgba(226,232,240,.5)}@media (max-width:600px){.landing{width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:100vw;max-height:100vh;max-height:100dvh}.landing-container{padding:min(12px,2vh) min(12px,3vw);gap:0}.logo-container .logo-image,.logo-container img{width:min(70px,15vw)!important;height:min(70px,15vh)!important;max-width:15vw;max-height:15vh}.app-title{font-size:clamp(1.4rem,6vw,1.75rem);line-height:1.15;margin:min(12px,1.5vh) 0 0}.app-tagline{font-size:clamp(.8rem,3vw,.9rem);line-height:1.35;margin:min(12px,1.5vh) 0;padding:0 min(12px,3vw);-webkit-line-clamp:5}.landing-footer{font-size:clamp(.7rem,2.5vw,.75rem);gap:6px;padding:min(12px,1.5vh) 0}}@media (max-width:400px){.landing-container{padding:min(8px,1.5vh) min(8px,2vw)}.logo-container .logo-image,.logo-container img{width:min(60px,18vw)!important;height:min(60px,18vh)!important;max-width:18vw;max-height:18vh}.app-title{font-size:clamp(1.2rem,7vw,1.5rem);margin:min(8px,1vh) 0 0}.app-tagline{font-size:clamp(.75rem,3.5vw,.85rem);line-height:1.3;margin:min(8px,1vh) 0;padding:0 min(8px,2vw);-webkit-line-clamp:6}.landing-footer{font-size:clamp(.65rem,3vw,.7rem);padding:min(8px,1vh) 0}}@media (max-height:600px){.logo-container .logo-image,.logo-container img{width:min(60px,12vh)!important;height:min(60px,12vh)!important;max-height:12vh}.app-title{font-size:clamp(1.2rem,4vh,1.5rem);margin:min(8px,1vh) 0 0}.app-tagline{font-size:clamp(.75rem,2.5vh,.85rem);margin:min(8px,1vh) 0;-webkit-line-clamp:3}.landing-footer{padding:min(8px,1vh) 0}}