html,body{margin:0;padding:0;height:100%}body{display:flex;justify-content:center;align-items:center;background:linear-gradient(270deg,#ff6a00,#ff944d);background-size:400% 400%;animation:gradientBG 10s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.logo{max-width:40%;height:auto}@media(max-width:768px){.logo{max-width:60%}}@media(max-width:480px){.logo{max-width:80%}}@media(min-width:1200px){.logo{max-width:30%}}.card{border:1px solid #ccc;padding:15px;margin:10px 0;border-radius:8px}.card h2{margin:0 0 10px}.card a{color:#42b983;text-decoration:none}