@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
        
        :root {
            --copper: #c97e3b;
            --gold: #f1c232;
            --darkblue: #0a1428;
        }
        
        .tail-container {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        
        .title-font {
            font-family: 'Press Start 2P', system-ui;
        }
        
        .hero-bg {
            background-image: linear-gradient(rgba(10, 20, 40, 0.85), rgba(10, 20, 40, 0.85)), 
                             url('Images/Image\ title.png');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
        }
        
        .gear-bg {
            background-image: 
                radial-gradient(circle at 30% 20%, rgba(193, 126, 59, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 70% 60%, rgba(241, 194, 50, 0.15) 0%, transparent 50%);
        }
        
        .card-hover {
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .card-hover:hover {
            transform: translateY(-12px) rotate(1deg);
            box-shadow: 0 25px 50px -12px rgb(193 126 59 / 0.4);
        }
        
        .parallax-layer {
            transition: transform 0.1s ease-out;
        }
        
        .mechanism {
            animation: spin 20s linear infinite;
        }
        
        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        
        .steam {
            position: relative;
        }
        
        .steam::after {
            content: '';
            position: absolute;
            top: -20px;
            left: 50%;
            width: 8px;
            height: 8px;
            background: rgba(255,255,255,0.6);
            border-radius: 50%;
            animation: steamRise 3s infinite ease-in-out;
            opacity: 0;
        }
        
        @keyframes steamRise {
            0% { transform: translateY(0) scale(0.5); opacity: 0; }
            20% { opacity: 0.8; }
            100% { transform: translateY(-80px) scale(1.2); opacity: 0; }
        }