:root {
  --primary: #0B3C5D;
  --accent: #D4AF37;
  --light: #E6F2F8;
  --text: #2B2B2B;
  --white: #ffffff;
}
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
body { color: var(--text); background: var(--white); line-height: 1.6; }
h1, h2, h3 { font-family: 'Poppins', sans-serif; }
a { text-decoration: none; }
.hero { background: linear-gradient(rgba(11,60,93,0.7), rgba(11,60,93,0.7)), url('https://images.unsplash.com/photo-1529070538774-1843cb3265df'); background-size: cover; background-position: center; color: white; padding: 100px 20px; text-align: center; }
.hero h1 { font-size: 42px; margin-bottom: 15px; }
.hero p { max-width: 700px; margin: auto; margin-bottom: 30px; font-size: 18px; }
.hero-buttons a { display: inline-block; margin: 10px; padding: 14px 28px; border-radius: 30px; font-weight: 600; }
.btn-primary { background: var(--accent); color: var(--primary); }
.btn-outline { border: 2px solid white; color: white; }
.trust { background: var(--light); display: flex; justify-content: space-around; padding: 25px 10px; text-align: center; flex-wrap: wrap; }
.trust div { margin: 10px; font-weight: 500; }
.form-section { padding: 60px 20px; display: flex; justify-content: center; }
.form-card { background: white; max-width: 900px; width: 100%; padding: 30px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); }
.form-card h2 { text-align: center; margin-bottom: 25px; color: var(--primary); }
form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
form input, form select { padding: 12px; border-radius: 8px; border: 1px solid #ccc; width: 100%; }
form button { grid-column: 1 / -1; padding: 14px; border: none; border-radius: 30px; background: var(--primary); color: white; font-size: 16px; cursor: pointer; }
.services { padding: 60px 20px; background: var(--light); text-align: center; }
.services h2 { margin-bottom: 40px; color: var(--primary); }
.service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; max-width: 1000px; margin: auto; }
.service-card { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
.cta { background: var(--primary); color: white; text-align: center; padding: 60px 20px; }
.cta a { margin-top: 20px; display: inline-block; background: var(--accent); color: var(--primary); padding: 14px 30px; border-radius: 30px; font-weight: 600; }
footer { background: #082c44; color: white; text-align: center; padding: 25px; font-size: 14px; }
@media(max-width: 600px) { .hero h1 { font-size: 30px; } }