@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;700;900&display=swap');
        
        :root {
            --xbox-green: #107c10;
            --xbox-dark: #054b05;
            --power-black: #0a0a0a;
            --glow-green: #2ecc71;
        }

        body { font-family: 'Inter', sans-serif; background-color: #f4f9f4; color: #1a1a1a; }
        code, pre, .font-mono { font-family: 'Fira Code', monospace; }
        
        .gradient-header { background: linear-gradient(135deg, var(--power-black) 0%, var(--xbox-dark) 50%, var(--xbox-green) 100%); }
        
        .tab-btn {
            border-bottom: 4px solid transparent;
            transition: all 0.3s ease;
        }
        .tab-btn.active {
            border-bottom-color: var(--xbox-green);
            color: var(--xbox-green);
            background-color: #ffffff;
        }

        .tech-sidebar::-webkit-scrollbar { width: 6px; }
        .tech-sidebar::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; }

        .arch-menu-btn { transition: all 0.2s; border-left: 4px solid transparent; }
        .arch-menu-btn.active-arch { border-left-color: var(--xbox-green); background-color: #f0fff0; color: var(--xbox-green); font-weight: 700; }
        
        .game-card { transition: transform 0.3s, box-shadow 0.3s; border-top: 4px solid var(--xbox-green); }
        .game-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(16, 124, 16, 0.15); }

        .fade-in { animation: fadeIn 0.4s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }