/* =============================================
   CYBERSECURITY.CSS — Stili specifici hub Cybersecurity
   Sovrascrive/estende hub.css per questa area.
   ============================================= */

/* Colore accent area (usato in hub.css tramite --area-color-pale) */
:root {
  --area-color-pale: #EEF2FF;   /* indaco chiaro per Cybersecurity */
  --area-color:      #3730A3;
}

/* Bagliore hero specifico: indaco invece di arancio */
.hub-hero::before {
  background: radial-gradient(circle, rgba(55,48,163,0.07) 0%, transparent 65%);
}

/* Badge area */
.area-badge--cyber {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--area-color-pale);
  color: var(--area-color);
  font-size: var(--t-xs);
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--sp-sm);
}