body {
        background-image: url('arkaplan.jpeg');
font-family: 'Segoe UI', sans-serif;
margin: 0;

}

.center {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.card {
background: white;
padding: 30px;
border-radius: 12px;
width: 320px;
text-align: center;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

input {
width: 100%;
padding: 12px;
margin: 10px 0;
border-radius: 6px;
border: 1px solid #ccc;
}
.btn-primary {
background: #e91e63;
color: white;
border: none;
padding: 12px 20px;
border-radius: 6px;
cursor: pointer;
width: 100%;
}
.btn {
display: inline-block;
padding: 12px 25px;
background: #e91e63;
color: white;
text-decoration: none;
border-radius: 25px;
border: none;
cursor: pointer;
}

header {
background: #e91e63;
color: white;
padding: 15px 25px;
display: flex;
justify-content: space-between;
}

nav a {
color: white;
margin-left: 15px;
text-decoration: none;
font-weight: bold;
}

.products {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
gap: 20px;
padding: 30px;
}

.product {
background: white;
padding: 20px;
border-radius: 15px;
text-align: center;
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

ul {
list-style: none;
padding: 20px;
}

li {
background: white;
padding: 10px;
margin-bottom: 10px;
border-radius: 8px;
}