/* Cyber/AI Theme Styles */
    @layer utilities {
      .cyber-border {
        position: relative;
        border: 2px solid transparent;
        background: linear-gradient(theme('colors.dark.card'), theme('colors.dark.card')) padding-box,
                    linear-gradient(45deg, theme('colors.cyber.teal'), theme('colors.cyber.purple'), theme('colors.cyber.pink')) border-box;
      }
      
      .ai-glow {
        filter: drop-shadow(0 0 20px rgba(0, 245, 212, 0.5));
      }
      
      .dream-glow {
        filter: drop-shadow(0 0 30px rgba(255, 215, 0, 0.3));
      }
      
      .cyber-text {
        background: linear-gradient(90deg, theme('colors.cyber.teal'), theme('colors.cyber.purple'), theme('colors.cyber.pink'));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }
      
      .hologram-effect {
        background: linear-gradient(45deg, 
          rgba(0, 245, 212, 0.1) 0%, 
          rgba(157, 78, 221, 0.1) 50%, 
          rgba(255, 0, 92, 0.1) 100%);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(0, 245, 212, 0.2);
      }
      
      .data-stream {
        position: relative;
        overflow: hidden;
      }
      
      .data-stream::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, transparent, theme('colors.cyber.teal'), transparent);
        animation: data-stream 3s linear infinite;
      }
      
      .ai-pulse {
        animation: ai-thinking 2s ease-in-out infinite;
      }
    }
    
    /* Neural Network Background */
    .neural-bg {
      background-image: url('https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=2000&auto=format&fit=crop');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }
    
    .neural-overlay {
      background: linear-gradient(45deg, 
        rgba(10, 10, 10, 0.95) 0%, 
        rgba(15, 15, 15, 0.92) 50%, 
        rgba(10, 10, 10, 0.95) 100%);
    }
    
    /* Animated Cyber Elements */
    .cyber-rain {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      background: linear-gradient(45deg, transparent 30%, rgba(0, 245, 212, 0.1) 50%, transparent 70%);
      animation: cyber-rain 10s linear infinite;
    }
    
    /* Futuristic Scrollbar */
    ::-webkit-scrollbar {
      width: 12px;
    }
    
    ::-webkit-scrollbar-track {
      background: theme('colors.dark.bg');
    }
    
    ::-webkit-scrollbar-thumb {
      background: linear-gradient(180deg, theme('colors.cyber.teal'), theme('colors.cyber.purple'));
      border-radius: 6px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, theme('colors.cyber.pink'), theme('colors.cyber.blue'));
    }
    
    /* AI Terminal Effect */
    .terminal-text {
      font-family: 'Courier New', monospace;
      color: theme('colors.cyber.teal');
      text-shadow: 0 0 10px rgba(0, 245, 212, 0.5);
    }
    
    /* Dream Life Visuals */
    .dream-card {
      background: linear-gradient(135deg, 
        rgba(255, 215, 0, 0.1) 0%, 
        rgba(192, 192, 192, 0.1) 50%, 
        rgba(0, 180, 216, 0.1) 100%);
      border: 1px solid rgba(255, 215, 0, 0.2);
      position: relative;
      overflow: hidden;
    }
    
    .dream-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: -100%;
      width: 100%;
      height: 100%;
      background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
      transition: left 0.5s ease;
    }
    
    .dream-card:hover::before {
      left: 100%;
    }