body,html{overflow-x:hidden;max-width:100%;margin:0;padding:0;height:100%}.hover\:scale-\[1\.1\]:hover{transform:scale(1.1);transition:transform .3s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-logo{animation:spin .5s ease-out,slide-in .7s ease-out}.page-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.content-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;padding:2rem .5rem}.main-content{width:100%;display:flex;justify-content:center;align-items:center}.responsive-logo{max-width:100%;height:auto;width:clamp(150px,35vh,280px);padding:1rem}.logo-button{margin:1rem 0}.responsive-buttons{width:100%;max-width:90vw;padding:.75rem 1rem;font-size:clamp(1rem,4vw,1.5rem);margin-bottom:.75rem;border-radius:.25rem}.buttons-container{margin-top:1rem}.title-container{padding:0 .5rem;margin-bottom:1rem}.main-title{font-size:clamp(2.5rem,7vw,4.5rem);line-height:1.1;margin-bottom:.5rem;white-space:nowrap}.subtitle{font-size:clamp(1.2rem,4vw,2rem);line-height:1.2}@media (max-width: 768px) and (orientation: portrait){.content-container{padding:1.5rem .5rem}.responsive-logo{width:clamp(130px,28vh,220px);padding:.75rem}.main-title{font-size:clamp(2rem,6.5vw,3rem);margin-bottom:.4rem}.subtitle{font-size:clamp(1.1rem,3.5vw,1.5rem)}.responsive-buttons{padding:.65rem .75rem;font-size:clamp(.95rem,3.5vw,1.2rem);margin-bottom:.6rem}.title-container{margin-bottom:.75rem;padding:0 1.5rem}.logo-button{margin:.75rem 0}.buttons-container{margin-top:.75rem}}@media (max-width: 900px) and (orientation: landscape){.content-container{padding:1rem .5rem}.responsive-logo{width:clamp(100px,22vh,160px);padding:.5rem}.main-title{font-size:clamp(1.5rem,5vw,2.2rem);margin-bottom:.25rem}.subtitle{font-size:clamp(.85rem,2.8vw,1.2rem)}.responsive-buttons{padding:.45rem .6rem;font-size:clamp(.8rem,3vw,1rem);margin-bottom:.4rem}.title-container{margin-bottom:.4rem}.logo-button{margin:.4rem 0}.buttons-container{margin-top:.4rem}}@media (max-height: 600px){.content-container{padding:.75rem .5rem}.responsive-logo{width:clamp(90px,20vh,140px);padding:.3rem}.main-title{font-size:clamp(1.3rem,4.5vw,1.8rem);margin-bottom:.2rem}.subtitle{font-size:clamp(.75rem,2.5vw,1rem)}.responsive-buttons{padding:.4rem .5rem;font-size:clamp(.75rem,2.8vw,.9rem);margin-bottom:.3rem}.title-container{margin-bottom:.3rem}.logo-button{margin:.3rem 0}.buttons-container{margin-top:.3rem}}@keyframes slide-in{0%{opacity:0;transform:translateY(-80px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-delay-200{animation-delay:.2s}