body {
font-family: ‘Segoe UI’, Tahoma, sans-serif;
background: #f4f6f8;
margin: 0;
padding: 20px;
}

.property-card {
max-width: 700px;
margin: auto;
background: #ffffff;
border-radius: 14px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
overflow: hidden;
}

.header {
background: linear-gradient(135deg, #1e3c72, #2a5298);
color: #fff;
padding: 25px;
}

.header h1 {
margin: 0;
font-size: 26px;
}

.header p {
margin-top: 8px;
font-size: 16px;
opacity: 0.9;
}

.price {
background: #f1f5ff;
padding: 18px 25px;
font-size: 22px;
font-weight: bold;
color: #1e3c72;
}

.content {
padding: 25px;
}

.features {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}

.features li {
background: #f8f9fb;
padding: 12px 14px;
border-radius: 8px;
font-size: 15px;
}

.details {
margin-top: 20px;
font-size: 15px;
line-height: 1.7;
}

.cta {
margin-top: 25px;
text-align: center;
}

.cta a {
display: inline-block;
padding: 14px 30px;
background: #2a5298;
color: #fff;
text-decoration: none;
border-radius: 30px;
font-size: 16px;
transition: 0.3s;
}

.cta a:hover {
background: #1e3c72;
}

@media(max-width: 600px) {
.features {
grid-template-columns: 1fr;
}
}