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}.animate-spin{animation:spin .5s ease-out}@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-slide-in{animation:slide-in .7s ease-out forwards}.page-container{display:flex;flex-direction:column;min-height:100vh;position:relative;padding-bottom:60px}.content-container{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:100vw;padding:.5rem}.responsive-logo{max-width:100%;height:auto;width:40vh;max-height:30vh}.responsive-buttons{width:100%;max-width:90vw;padding:.5rem .75rem;font-size:clamp(1rem,4vw,1.5rem);margin-bottom:.5rem}.title-container{padding:0 .5rem;margin-bottom:1vh}.main-title{font-size:clamp(2.5rem,7vw,4rem);line-height:1.1;margin-bottom:.5vh}.subtitle{font-size:clamp(1rem,4vw,2rem);line-height:1.2}#footer-gral{position:fixed;bottom:0;left:0;right:0;width:100%;padding:0;z-index:50;height:auto}.footer-text{font-size:.75rem;line-height:1.3;padding:0 .5rem;margin:0}@media (max-height: 600px){.responsive-logo{width:25vh;max-height:25vh}.main-title{font-size:clamp(1.5rem,6vw,3rem)}.subtitle{font-size:clamp(.8rem,3vw,1.5rem)}.responsive-buttons{padding:.3rem .5rem;margin-bottom:.3rem}.footer-text{font-size:.5rem}.page-container{padding-bottom:50px}}@media (max-height: 400px){.title-container{margin-bottom:.5vh}.responsive-logo{width:20vh;max-height:20vh}.footer-text br{display:none}.footer-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}