.hero-gradient {
     background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%);
 }

 .feature-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 }

 .code-block {
     background-color: #2d2d2d;
     border-radius: 0.5rem;
     font-family: 'Courier New', monospace;
 }

 .pixel-art {
     image-rendering: pixelated;
 }