.hero-section {
    height: 100vh;
    background: linear-gradient(120deg, #e0f7fa, #ffffff);
    padding: 2rem;
  }
  
  .btn-gradient {
    background: linear-gradient(to right, #00c9ff, #92fe9d);
    color: white;
    border: none;
    border-radius: 25px;
    transition: all 0.3s ease-in-out;
  }
  
  .btn-gradient:hover {
    background: linear-gradient(to right, #00bfff, #55efc4);
    transform: scale(1.05);
  }
  section nav ul li {
    margin-bottom: 6px;
  }
  
  section nav ul li a {
    text-decoration: none;
    color: #333;
  }
  
  section nav ul li a:hover {
    color: #00cfcf;
  }