@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

header {
  background:linear-gradient(120deg, #0f172a, #1e3a8a);
  color:white;
  padding:80px 20px;
  text-align:center;
}

:root {
  --primary:#0b5ed7;
  --bg-soft:#f5fbff;
  --text:#0b2540;
}

body {
  font-family: Manrope, system-ui, sans-serif;
  color: var(--text);
}

.hero {
  padding: 6rem 0;
  background: radial-gradient(circle at 80% 20%, #e6f6ff 0%, #ffffff 55%);
}

.section {
  padding: 5rem 0;
}

.card {
  border: none;
  border-radius: 18px;
  padding: 2rem;
  box-shadow: 0 18px 40px rgba(15,40,80,.1);
  transition:.3s;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 28px 70px rgba(15,40,80,.18);
}

.footer {
  background: linear-gradient(135deg,#0b3a6f,#071f3d);
  color:#cfe4ff;
  padding:4rem 0;
}

.footer a { color:#cfe4ff; text-decoration:none; }