.gradient-text {
            background: linear-gradient(135deg, #14b8a6, #06b6d4, #3b82f6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradient-shift 3s ease-in-out infinite;
        }
        
        @keyframes gradient-shift {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }
        
        .pulse-ring {
            animation: pulse-ring 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
        }
        
        @keyframes pulse-ring {
            0% { transform: scale(0.8); opacity: 1; }
            80%, 100% { transform: scale(1.2); opacity: 0; }
        }
        
        .typewriter {
            overflow: hidden;
            border-right: 2px solid #14b8a6;
            white-space: nowrap;
            animation: typing 2s steps(20, end), blink-caret 0.5s step-end infinite alternate;
        }
        
        @keyframes typing {
            from { width: 0; }
            to { width: 100%; }
        }
        
        @keyframes blink-caret {
            from, to { border-color: transparent; }
            50% { border-color: #14b8a6; }
        }
        
        .fade-in-delayed {
            animation: fadeInUp 1s ease-out 0.5s both;
        }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .command-box {
            background: linear-gradient(135deg, rgba(20, 184, 166, 0.1), rgba(59, 130, 246, 0.1));
            backdrop-filter: blur(10px);
            border: 1px solid rgba(20, 184, 166, 0.3);
            transition: all 0.3s ease;
        }
        
        .command-box:hover {
            border-color: rgba(20, 184, 166, 0.5);
            box-shadow: 0 0 30px rgba(20, 184, 166, 0.2);
        }
        
        .copy-button {
            transition: all 0.2s ease;
        }
        
        .copy-button:hover {
            background: rgba(20, 184, 166, 0.2);
        }
        
        .copy-button:active {
            transform: scale(0.95);
        }