/* PROFIL */
.page.profil .hero .actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.page.profil .grid-2 {
  display: grid;
  gap: 16px;
}

.page.profil .card {
  background: rgba(248, 250, 252, 0.95);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
}

.page.profil .cta {
  border: 1px solid rgba(37, 99, 235, 0.25);
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(238,242,255,0.75));
}

@media (min-width: 900px) {
  .page.profil .grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}