*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:linear-gradient(135deg,gold,orange 25%,#ff8c00 50%,#ffb347 75%,gold);background-size:400% 400%;animation:gradientShift 15s ease infinite;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,215,0,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,165,0,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,140,0,.2) 0,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(20px) rotate(-1deg)}}.container{text-align:center;padding:3rem;width:300px;height:300px;position:relative;z-index:1;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.logo{max-width:200px;height:auto;filter:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}@media (max-width:768px){.container{width:250px;height:250px;padding:2rem}.logo{max-width:150px}}