body { background: #f6f8fb; }
.page-hero {
  background: linear-gradient(120deg, rgba(22,53,85,.95), rgba(10,28,46,.95)), url('../images/home/hero/bank-exterior.jpg') center/cover;
  color: #fff;
  padding: 90px 0;
}
.page-hero .container { max-width: 1100px; }
.page-hero h1 { font-size: 48px; margin-bottom: 12px; }
.page-hero p { max-width: 720px; line-height: 1.7; font-size: 18px; }

.page-content { padding: 70px 0; }
.page-content .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.page-content .card {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e5ebf3;
  padding: 24px;
  box-shadow: 0 12px 20px rgba(17, 34, 68, 0.06);
}
.page-content .card h3 { margin-bottom: 10px; color: #163555; }
.page-content .card p { line-height: 1.7; color: #4e5f77; }

.cta-band {
  background: #163555;
  color: #fff;
  margin: 0 auto 70px;
  width: min(90%, 1200px);
  border-radius: 16px;
  padding: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.cta-band .cta-btn {
  background: #f13223;
  color: #fff;
  padding: 14px 20px;
  border-radius: 8px;
  font-weight: 600;
}

.contact-wrap {
  width: min(90%, 1100px);
  margin: 0 auto 70px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
}
.contact-wrap .box {
  background: #fff;
  border: 1px solid #e5ebf3;
  border-radius: 14px;
  padding: 24px;
}
.contact-wrap form {
  display: grid;
  gap: 12px;
}
.contact-wrap input,
.contact-wrap textarea {
  border: 1px solid #c8d3e0;
  border-radius: 8px;
  padding: 12px;
}
.contact-wrap button {
  background: #163555;
  color: #fff;
  padding: 12px;
  border-radius: 8px;
}