.hub-container { padding: 50px 5%; max-width: 900px; margin: 0 auto; text-align: center; }
.nav-buttons { margin-bottom: 40px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.experience-section { animation: fadeIn 0.5s ease-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}
.focus-card { background: #fff; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); margin-bottom: 30px; }
.focus-img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.focus-content { padding: 40px 30px; }
.focus-title { font-size: 2.2rem; margin-bottom: 10px; color: #333; }
.focus-subtitle { color: #666; margin-bottom: 30px; font-size: 1.1rem; }
.button-group { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }