*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;scroll-behavior:smooth}
body{
  min-height:100vh;
  background: linear-gradient(135deg, #ff5ec4 0%, #ffcc00 25%, #7d5fff 50%, #00d4ff 75%, #ff5ec4 100%);
  background-size: 200% 200%;
  color:#fff;
}
.container{max-width:1000px;margin:0 auto;padding:20px}
header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}
header img{width:200px;height:auto;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.3);margin-bottom:20px}
header h1{font-size:42px;margin:10px 0}
header p{font-size:18px;color:#f0f0f0;max-width:600px}
.button{display:inline-block;margin-top:20px;padding:14px 22px;border-radius:30px;background:#fff;color:#222;font-weight:700;text-decoration:none}
.section{padding:60px 20px;text-align:center}
.section h2{font-size:32px;margin-bottom:20px}
.section p{max-width:700px;margin:0 auto 20px}
.footer{padding:40px 20px;text-align:center;font-size:14px;color:#ddd}
.card{background:rgba(0,0,0,.3);padding:20px;border-radius:16px;margin:10px auto;max-width:700px}