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

      .cyber-font {
        font-family: "Orbitron", monospace;
      }
      .main-font {
        font-family: "Rajdhani", sans-serif;
      }

      @keyframes shield-glow {
        0%,
        100% {
          box-shadow: 0 0 30px rgba(0, 255, 255, 0.3),
            0 0 60px rgba(0, 255, 255, 0.1),
            inset 0 0 30px rgba(0, 255, 255, 0.05);
        }
        50% {
          box-shadow: 0 0 50px rgba(0, 255, 255, 0.5),
            0 0 100px rgba(0, 255, 255, 0.2),
            inset 0 0 50px rgba(0, 255, 255, 0.1);
        }
      }

      @keyframes slide-up {
        from {
          transform: translateY(50px);
          opacity: 0;
        }
        to {
          transform: translateY(0);
          opacity: 1;
        }
      }

      @keyframes pulse-border {
        0%,
        100% {
          border-color: rgba(0, 255, 255, 0.3);
        }
        50% {
          border-color: rgba(0, 255, 255, 0.8);
        }
      }

      .shield-glow {
        animation: shield-glow 3s ease-in-out infinite;
      }
      .pulse-border {
        animation: pulse-border 2s ease-in-out infinite;
      }
      .slide-up {
        animation: slide-up 0.8s ease-out;
      }

      .input-glow:focus {
        box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
        border-color: #00ffff;
        transform: scale(1.02);
        transition: all 0.3s ease;
      }

      .hover-lift:hover {
        transform: translateY(-3px);
        transition: all 0.3s ease;
      }

      .cyber-card {
        background: linear-gradient(
          135deg,
          rgba(15, 23, 42, 0.95),
          rgba(30, 41, 59, 0.95),
          rgba(15, 23, 42, 0.95)
        );
        backdrop-filter: blur(20px);
        border: 1px solid rgba(0, 255, 255, 0.2);
      }

      .logo-bg {
        background: radial-gradient(
          circle at center,
          rgba(0, 255, 255, 0.1) 0%,
          rgba(0, 100, 150, 0.05) 50%,
          transparent 100%
        );
      }

      .circuit-pattern {
        background-image: radial-gradient(
            circle at 25% 25%,
            rgba(0, 255, 255, 0.1) 1px,
            transparent 1px
          ),
          radial-gradient(
            circle at 75% 75%,
            rgba(0, 255, 255, 0.1) 1px,
            transparent 1px
          );
        background-size: 50px 50px;
      }