@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

      body {
        font-family: "Poppins", sans-serif;
        scroll-behavior: smooth;
      }

      .gradient-bg {
        background: linear-gradient(135deg, #6e8efb, #a777e3);
      }

      .card-hover:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      }

      .nav-link {
        position: relative;
      }

      .nav-link::after {
        content: "";
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #6e8efb;
        transition: width 0.3s ease;
      }

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

      .skill-bar {
        height: 8px;
        border-radius: 4px;
        background-color: #e0e0e0;
      }

      .skill-progress {
        height: 100%;
        border-radius: 4px;
        background: linear-gradient(90deg, #6e8efb, #a777e3);
        transition: width 1s ease-in-out;
      }

      .project-card {
        transition: all 0.3s ease;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
      }

      .project-card:hover {
        transform: scale(1.03);
      }