@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;700;900&display=swap');
        
        :root {
            --sega-blue: #0089cf;
            --sega-dark: #005a8a;
            --power-black: #050505;
            --sonic-gold: #f1c40f;
        }

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

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

        .arch-menu-btn { transition: all 0.2s; border-left: 4px solid transparent; }
        .arch-menu-btn.active-arch { border-left-color: var(--sega-blue); background-color: #f0f9ff; color: var(--sega-blue); font-weight: 700; }
        
        .game-card { transition: transform 0.3s, box-shadow 0.3s; border-top: 4px solid var(--sega-blue); }
        .game-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(0, 137, 207, 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); } }