body {
      font-family: 'Segoe UI', sans-serif;
    }
    .hero {
      background: linear-gradient(to right, #6a11cb, #2575fc);
      color: white;
      padding: 100px 20px;
      text-align: center;
    }
    .hero h1 {
      font-size: 3rem;
      font-weight: 700;
    }
    .hero p {
      font-size: 1.25rem;
      margin-top: 1rem;
      margin-bottom: 2rem;
    }
    .btn-light {
      margin: 0 10px;
    }
    .planos {
      padding: 60px 20px;
    }
    .planos .card {
      transition: transform 0.3s ease;
    }
    .planos .card:hover {
      transform: scale(1.05);
    }
    footer {
      background-color: #f8f9fa;
      padding: 20px;
      text-align: center;
      font-size: 0.9rem;
      color: #555;
    }