body{font-family:Arial,sans-serif;line-height:1.7;background:#f4f8fb;color:#222}
header{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee') center/cover;height:100vh;color:#fff}
nav ul{display:flex;list-style:none;justify-content:center;padding:20px;gap:30px}
nav ul li a{text-decoration:none;color:#fff;font-weight:bold}
.hero{display:flex;align-items:center;justify-content:center;height:80vh;text-align:center}
.hero h1{font-size:4rem}
.feature-section{background:#fff;padding:80px 0}
.card-box{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);height:100%}
img{max-width:100%;border-radius:15px}
.quotes{background:#1f4e79;color:white;padding:80px 0;text-align:center}
blockquote{font-size:1.4rem;margin:20px auto;max-width:800px}
footer{background:#111;color:#ccc;padding:40px 0;text-align:center}
footer a{color:#ddd;text-decoration:none;margin:0 5px}
footer ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: flex;
  gap: 15px;
  justify-content: center;
}

footer ul li a {
  color: #ddd;
  text-decoration: none;
  transition: color 0.3s;
}

footer ul li a:hover {
  color: #fff;
}