body {
      font-family: 'Orbitron', sans-serif;
      background-color: #121212;
      color: #e0e0e0;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      margin: 0;
      
    }

    .form-container {
      background: linear-gradient(45deg, #00ffff, #ff00cc);
      border-radius: 10px;
      padding: 30px;
      box-shadow: 0 0 10px 5px rgba(0, 255, 255, 0.5);
      width: 100%;
      max-width: 800px;
    }

    .form-container h1 {
      font-size: 2rem;
      color: #39FF14;
      text-shadow: 0 0 10px #39FF14, 0 0 20px #39FF14;
      margin-bottom: 20px;
      text-align: center;
    }

    .form-container input, .form-container textarea {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      border: 2px solid #00ffff;
      border-radius: 8px;
      background-color: transparent;
      color: black; /* Text color inside input */
      font-size: 16px;
      outline: none;
      transition: all 0.3s ease;
    }

    .form-container input::placeholder,
    .form-container textarea::placeholder {
      color: #e0e0e0;
    }

    .form-container input:focus, .form-container textarea:focus {
      border-color: #ff00cc;
      box-shadow: 0 0 10px 5px #ff00cc;
    }

    .form-container button {
      background-color: #39FF14;
      color: black;
      font-size: 1.1rem;
      padding: 10px 20px;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      width: 100%;
      transition: background-color 0.3s ease;
    }

    .form-container button:hover {
      background-color: #ff00cc;
      color: #fff;
    }

    .form-container .msg {
      margin-top: 10px;
      font-size: 1rem;
      color: #e0e0e0;
      text-align: center;
    }

    /* Animations for button */
    .form-container button:active {
      transform: scale(0.98);
    }

    /* Neon Glow Effect */
    .neon-glow {
      text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 20px #39FF14, 0 0 30px #ff00cc;
    }
    .text-neon-green {
      color: #39FF14;
      text-shadow: 0 0 5px #39FF14, 0 0 10px #39FF14;
    }
    .border-neon-green {
      border-color: #39FF14;
    }
    .nav-link {
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -4px;
      width: 100%;
      height: 2px;
      background: #39FF14;
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 0.3s ease;
    }
    .nav-link:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }
    .logo-fade {
      animation: fadeIn 2s ease-in-out forwards;
      opacity: 0;
    }
    @keyframes fadeIn {
      to {
        opacity: 1;
        transform: scale(1.05);
      }
    }
    .dark-mode {
      background-color: #0f0f0f;
      color: #e0e0e0;
    }
    <!-- Optional: Neon Color Utilities -->
    text-neon-green { color: #39FF14; }
    .text-neon-purple { color: #A020F0; }
    .text-neon-blue { color: #00FFFF; }
    .text-neon-cyan { color: #00e5ff; }
    .text-neon-lime { color: #bfff00; }
    .text-neon-red { color: #FF073A; }
    .text-neon-yellow { color: #faff00; }
    .text-neon-orange { color: #ff9900; }