body {
  background-color: #000;
  font-family: 'Orbitron', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  padding: 30px;
}

header {
  margin-bottom: 50px;
}

.logo-header {
  font-family: 'Cinzel', serif; /* font elegante per P&M */
  font-size: 4rem; /* più appariscente */
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 8px #1e5f3f, 0 0 12px #c06cae; /* neon verde/rosa */
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.heart-green { color: #1e5f3f; }
.heart-pink { color: #c06cae; }
.initials { color: #fff; font-weight: 700; }

.digital-row {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: nowrap;
  margin-top: 50px;
}

.digital-clock {
  text-align: center;
  min-width: 220px;
  background-color: rgba(255,255,255,0.05); /* sfondo scuro semi-trasparente */
  padding: 20px 25px;
  border-radius: 15px;
  border: 2px solid #c06cae; /* bordo rosa */
  box-shadow: 0 0 15px rgba(196,108,174,0.5); /* leggero neon sul box */
}

.digital-clock h2 {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #fff;
}

.clock-display {
  font-family: 'VFD Nova', monospace; /* numeri uniformi */
  font-size: 2.5rem; /* dimensione fissa */
  color: #1e5f3f; /* verde */
  text-shadow: none; /* senza neon */
  width: 200px; /* larghezza fissa */
  display: inline-block;
  text-align: center;
}

footer {
  margin-top: 80px;
  color: #ccc;
  text-align: center;
  font-size: 0.9rem;
}