body {
        background-color: #f8fbff;
        font-family: "Segoe UI", "Poppins", sans-serif;
        /* max-width: 100%;
        overflow-x: hidden;
        scroll-behavior: smooth; */
      }

/* Navbar */
      .navbar {
        background: black;
      }
      .navbar-brand,
      .nav-link {
        color: #fff !important;
      }
      .navbar-nav .nav-link {
        position: relative;
        padding: 8px 12px;
        font-weight: 500;
        transition: color 0.3s;
      }
      .navbar-nav .nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0%;
        height: 3px;
        background: #00bbf9;
        transition: width 0.3s ease;
      }
      .navbar-nav .nav-link:hover::after {
        width: 100%;
      }
      .navbar-nav .nav-link.active {
        color: #00bbf9 !important;
      }
      .navbar-nav .nav-link.active::after {
        width: 100%;
      }

      /* Footer */
      .glass-footer {
        background: rgba(25, 30, 45, 0.45);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        box-shadow: 0 -2px 25px rgba(0, 0, 0, 0.25);
        color: #f8f9fa;
}
      footer a {
        color: #fff;
        text-decoration: none;
      }
      .footer-icons {
        color: #00f2fe !important;
      }
      .social-icons a {
        font-size: 1.3rem;
        margin: 0 8px;
        width: 40px;
        height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff !important;
        transition: 0.3s;
      }
      .social-icons a:hover {
        /* background: #0b5ed7;
        transform: scale(1.1); */
        color: #00f2fe;
        text-shadow: 0 0 10px rgba(0, 242, 254, 0.7);
        transform: translateY(-3px);

      }

      /* === Buttons === */
  .btn-glow {
    border-radius: 50px;
    transition: all 0.3s ease;
    background: linear-gradient(90deg, #00f5d4, #00bbf9);
    border: none;
    color: #fff;
  }

  .btn-glow:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 15px #00f5d4;
  }