:root {
    --accent: #0d6efd;
    --muted: #6c757d
}

body {
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

.hero {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.06), rgba(13, 110, 253, 0.02));
    padding: 5rem 0
}

.card-compact {
    border-radius: 1rem
}

.skill-badge {
    background: #f1f5f9;
    border-radius: .5rem;
    padding: .35rem .6rem;
    margin: .2rem
}

.project-card img {
    height: 160px;
    object-fit: cover;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.nav-link.active {
    font-weight: 600
}

.section-title {
    font-weight: 700;
    margin-bottom: 1rem
}

footer {
    padding: 2rem 0;
    border-top: 1px solid #eee;
    margin-top: 3rem
}

@media (max-width:768px) {
    .hero {
        padding: 3rem 0
    }
}