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

      body {
        font-family: "Montserrat", sans-serif;
        overflow-x: hidden;
        background-color: #0a0a0a;
        color: #f5f5f5;
        scroll-behavior: smooth;
      }

      .hero-gradient {
        background: linear-gradient(
          135deg,
          #1a1a2e 0%,
          #16213e 50%,
          #0f3460 100%
        );
      }

      .section-divider {
        height: 150px;
        width: 100%;
        background: linear-gradient(
          to bottom,
          rgba(10, 10, 10, 0) 0%,
          #0a0a0a 100%
        );
      }

      .project-card:hover .project-overlay {
        opacity: 1;
        transform: translateY(0);
      }

      .project-overlay {
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        opacity: 0;
        transform: translateY(20px);
      }

      .skill-bar {
        transition: width 1.5s ease-out;
      }

      #threejs-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0.15;
      }

      .scroll-indicator {
        animation: bounce 2s infinite;
      }

      @keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
          transform: translateY(0);
        }
        40% {
          transform: translateY(-20px);
        }
        60% {
          transform: translateY(-10px);
        }
      }

      .modal-enter {
        animation: modalEnter 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)
          forwards;
      }

      @keyframes modalEnter {
        from {
          opacity: 0;
          transform: scale(0.9) translateY(20px);
        }
        to {
          opacity: 1;
          transform: scale(1) translateY(0);
        }
      }

      .input-field {
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.3s ease;
      }

      .input-field:focus {
        border-color: rgba(59, 130, 246, 0.5);
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
        background: rgba(255, 255, 255, 0.08);
      }