body {
    background: #f8f9fa;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.hero {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
}

.job-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.job-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.card {
    border-radius: 12px;
}

.navbar-brand {
    font-size: 1.4rem;
    letter-spacing: -0.5px;
}

.job-description {
    line-height: 1.8;
    color: #333;
}

.badge {
    font-weight: 500;
}

.htmx-indicator {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.htmx-request .htmx-indicator {
    opacity: 1;
}
.htmx-request.htmx-indicator {
    opacity: 1;
}