/* Fix content hiding behind fixed navbar */
body {
  padding-top: 90px;
}

/* Remove unwanted horizontal scrolling on mobile */
html, body {
  overflow-x: hidden !important;
}

.navbar {
  max-width: 100% !important;
  overflow: hidden !important;
}

  /* Gradient Brand Text */
    .brand-gradient {
      font-weight: 700;
      font-size: 28px;
      background: linear-gradient(to right, #5b6cfb, #ff4f9a);
      -webkit-background-clip: text;
      color: transparent;
    }

    /* Navbar underline animation */
    .nav-link {
      position: relative;
      padding-bottom: 10px;
      font-size: 16px;
      font-weight: 500;
      color: #333;
    }

    .nav-link:hover, 
    .nav-link.active {
      color: #111;
    }

    .nav-link::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 0%;
      height: 3px;
      background: linear-gradient(to right, #5b6cfb, #ff4f9a);
      transition: 0.3s;
      border-radius: 20px;
    }

    .nav-link:hover::after,
    .nav-link.active::after {
      width: 100%;
    }

    /* Buttons */
    .btn-login {
      border: 2px solid #5b6cfb;
      border-radius: 8px;
      padding: 6px 18px;
      font-weight: 600;
      color: #5b6cfb;
    }

    .btn-login:hover {
      background: #5b6cfb;
      color: white;
    }

    .btn-signup {
      background: linear-gradient(to right, #5b6cfb, #00c3ff);
      border-radius: 8px;
      padding: 6px 20px;
      color: white;
      font-weight: 600;
    }

    .btn-signup:hover {
      opacity: 0.9;
      color: white;
    }

    /* Make navbar shadow when scrolling */
    .navbar-scrolled {
      background: #fff !important;
      box-shadow: 0 3px 10px rgba(0,0,0,0.1);
      transition: 0.3s ease-in-out;
    }