html,body{margin:0;padding:0;width:100%}#root{display:flex;flex-direction:column;width:100%}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-10px)}}div[style*="paddingTop: 100px"]{min-height:100vh;position:relative;transition:background .5s ease;background:linear-gradient(135deg,#f8f8f8,#cfcfcf,#e0e0e0)}section{position:relative;overflow:hidden;background:#f8f8f8e6}section h1{animation:bounce 2s infinite}@media (max-width: 768px){section h1{font-size:clamp(1.5rem,4vw,2.5rem)}section p{font-size:clamp(.9rem,2vw,1.2rem)}section img{width:clamp(250px,50vw,400px);height:auto}section div[style*="textAlign: center"]{padding:1rem}header{flex-direction:column;align-items:center}header .logo{margin-bottom:1rem}header nav ul{flex-direction:column;gap:1rem}}
