body{
background:#ffd6ec;
font-family:Arial;
margin:0;
}

header{
background:#ff69b4;
padding:20px;
text-align:center;
color:white;
}

.login-box,
.form-box{
width:400px;
margin:50px auto;
background:white;
padding:30px;
border-radius:20px;
box-shadow:0 0 20px pink;
}

input,
textarea{
width:100%;
padding:10px;
margin:10px 0;
border:2px solid pink;
border-radius:10px;
}

button{
background:#ff69b4;
color:white;
border:none;
padding:10px 20px;
border-radius:10px;
cursor:pointer;
}

button:hover{
background:#ff1493;
}

.container{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
padding:20px;
}

.card{
width:300px;
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 0 15px pink;
}

.card img{
width:100%;
height:200px;
object-fit:cover;
}

.card h3{
text-align:center;
color:#ff1493;
}

.card p{
padding:5px 15px;
}

.menu{
text-align:center;
padding:20px;
}