:root { --bleu:#087FF5; --orange:#FFA83D; --texte:#1E1E1E; }
body { color: var(--texte); font-family: 'Segoe UI', system-ui, sans-serif; }
.btn-orange { background: var(--orange); color: #fff; border: none; }
.btn-orange:hover { background: #ff9a1f; color: #fff; }
.bg-primary { background-color: var(--bleu) !important; }
.btn-primary { background-color: var(--bleu); border-color: var(--bleu); }
.service-card { border: none; border-radius: 16px; transition: transform .15s, box-shadow .15s; }
.service-card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.15); }
.credit-card, .dashboard-card, .dossier-card { border: none; }
.status-badge { font-size: .75rem; border-radius: 999px; padding: .4em .8em; }
@media (max-width: 576px) {
  .btn-lg { width: 100%; margin-bottom: .5rem; }
}