body {
      font-family: 'Poppins', sans-serif;
    }
    .hero {
      background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.4)),
                  url('https://images.pexels.com/photos/276724/pexels-photo-276724.jpeg?auto=compress&cs=tinysrgb&w=1600') center/cover;
      color: white;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    .hero h1 {
      font-size: 3rem;
      font-weight: 700;
    }
    .section-title {
      text-align: center;
      font-weight: 600;
      margin-bottom: 2rem;
    }
    .plan {
      border-radius: 10px;
      transition: transform 0.3s;
    }
    .plan:hover {
      transform: translateY(-5px);
    }