        @keyframes float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        @keyframes glow {
            0%, 100% { box-shadow: 0 0 20px rgba(6, 182, 212, 0.3); }
            50% { box-shadow: 0 0 40px rgba(6, 182, 212, 0.6), 0 0 60px rgba(6, 182, 212, 0.4); }
        }
        
        @keyframes pulse-ring {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(1.5); opacity: 0; }
        }
        
        @keyframes gradient-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        @keyframes matrix {
            0% { transform: translateY(-100%); opacity: 0; }
            10% { opacity: 1; }
            90% { opacity: 1; }
            100% { transform: translateY(100vh); opacity: 0; }
        }
        
        .float-animation { animation: float 3s ease-in-out infinite; }
        .glow-animation { animation: glow 2s ease-in-out infinite; }
        .gradient-animation { 
            background: linear-gradient(-45deg, #06b6d4, #3b82f6, #8b5cf6, #ec4899, #06b6d4);
            background-size: 400% 400%;
            animation: gradient-shift 3s ease infinite;
        }
        
        .pulse-ring::before {
            content: '';
            position: absolute;
            inset: 0;
            border: 2px solid rgba(6, 182, 212, 0.6);
            border-radius: inherit;
            animation: pulse-ring 2s infinite;
        }
        
        .matrix-char {
            position: absolute;
            color: #00ff41;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            animation: matrix 4s linear infinite;
            text-shadow: 0 0 10px #00ff41;
        }
        
        .glass-effect {
            background: rgba(15, 23, 42, 0.8);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .hover-3d {
            transition: all 0.3s ease;
        }
        
        .hover-3d:hover {
            transform: translateY(-5px) rotateX(10deg);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }
        
        .social-icon {
            position: relative;
            overflow: hidden;
        }
        
        .social-icon::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transform: translateX(-100%);
            transition: transform 0.6s;
        }
        
        .social-icon:hover::before {
            transform: translateX(100%);
        }

        .Text {
  position: absolute;

  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 30px;
  letter-spacing: 10px;

  padding-left: 10px;
}
.Text span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}