body {
    font-family: 'Poppins', sans-serif;
    background-color: #fdfdfd;
}

.font-playfair {
    font-family: 'Playfair Display', serif;
}

.hero-bg {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://images.unsplash.com/photo-1490750967868-88aa4486c946?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    height: 70vh;
}

.nav-link {
    color: #556b2f !important;
    margin: 0 5px;
    font-weight: 500;
}

.nav-link.active {
    background-color: #556b2f !important;
    color: white !important;
    border-radius: 20px;
}

.card-img-top {
    height: 250px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
}

.project-card {
    border: none;
    background-color: #f8f9f5;
    border-left: 5px solid #556b2f;
    transition: 0.3s;
}

.project-card:hover {
    background-color: #e9f5db;
    transform: translateY(-5px);
}

.btn-outline-success {
    border-color: #556b2f;
    color: #556b2f;
}

.btn-outline-success:hover {
    background-color: #556b2f;
    color: white;
}

.tab-pane {
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}