:root {
  --brand: #6C4CE0;
  --brand-dark: #4E33B0;
  --accent: #FFD166;
}

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

.hero-section {
  background: linear-gradient(135deg, #6C4CE0 0%, #8F6BFF 100%);
  color: #fff;
}

.card-talent {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  transition: transform .15s ease;
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}
.card-talent:hover { transform: translateY(-4px); }

.badge-verified {
  background: #16A34A;
  color: #fff;
}

.sos-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 64px;
  height: 64px;
  font-weight: 700;
  font-size: .95rem;
  z-index: 1050;
  box-shadow: 0 6px 20px rgba(220,53,69,.5);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(220,53,69,.6); }
  70% { box-shadow: 0 0 0 14px rgba(220,53,69,0); }
  100% { box-shadow: 0 0 0 0 rgba(220,53,69,0); }
}

.chat-bubble-me {
  background: var(--brand);
  color: #fff;
  border-radius: 14px 14px 2px 14px;
}
.chat-bubble-other {
  background: #EDEBFA;
  color: #222;
  border-radius: 14px 14px 14px 2px;
}

.status-pill { font-size: .75rem; padding: .3rem .7rem; border-radius: 999px; }

.dashboard-stat {
  border-radius: 16px;
  padding: 1.25rem;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}