body {
margin:0;
font-family: Arial, sans-serif;
background: linear-gradient(135deg,#ff4d6d,#ffbe0b,#3a86ff);
color:#fff;
text-align:center;
}

.hero {
padding:100px 20px;
}

.btn {
background:#fff;
color:#000;
padding:10px 20px;
border-radius:20px;
text-decoration:none;
}

.products {
display:flex;
gap:20px;
justify-content:center;
padding:40px;
}

.card {
background:rgba(255,255,255,0.2);
padding:20px;
border-radius:20px;
}