@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@300;400;700;900&display=swap');
		
		:root {
			--nintendo-red: #e60012;
			--nintendo-dark: #8b0000;
			--power-black: #0a0a0a;
			--mario-blue: #0047ab;
		}

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

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

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