body { font-family:'Poppins',sans-serif; margin:0; padding:0; background:#f7f9fc; }
header { background:linear-gradient(90deg,#ff7e5f,#feb47b); color:white; padding:10px 15px; display:flex; align-items:center; }
header img { height:40px; margin-right:10px; }
header h1 { margin:0; font-size:22px; font-weight:700; }
footer { background:#333; color:#fff; text-align:center; padding:10px; font-size:14px; }
.card { background:white; margin:20px auto; padding:15px; border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.1); max-width:95%; }
.card img { width:100%; max-width:200px; border-radius:10px; display:block; margin:0 auto 15px auto; }
input,button { width:100%; padding:10px; margin-bottom:10px; border-radius:8px; box-sizing:border-box; font-size:16px; }
button { background:#ff7e5f; color:white; border:none; cursor:pointer; transition:0.3s; }
button:hover { background:#feb47b; }
a.button-link { text-decoration:none; display:block; text-align:center; padding:12px; background:#25D366; color:white; border-radius:10px; margin-top:10px; font-size:16px; }
a.button-link:hover { background:#128C7E; }
@media screen and (max-width:480px){
    header h1{font-size:18px;}
    .card img{max-width:150px;}
    button,a.button-link,input{font-size:14px;padding:10px;}
}