.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 40vh;   /* prije je bilo 80vh */
  background: linear-gradient(to right, #ffffff, #f7f7f7);
  box-shadow: inset 0 0 60px rgba(0,0,0,0.05);
  color: #222;
  border: 1px solid #eee; /* lagana granica */
  padding: 40px 20px;
}

.hero-subtitle {
  font-size: 1rem;    /* malo manje */
  margin-bottom: 20px;
}


.hero-actions .btn {
  display: inline-block;
  margin: 10px;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 50px; /* lijepo zaobljeno */
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.6),
              0 4px 6px rgba(0,0,0,0.3);
  text-shadow: 0 1px rgba(255,255,255,0.4);
}

/* Soft Green */
.btn-green {
  background: linear-gradient(#c8e6c9, #81c784);
  color: #1b5e20;
  border: 1px solid #66bb6a;
}
.btn-green:hover {
  background: linear-gradient(#dcedc8, #81c784);
}

/* Soft Blue */
.btn-blue {
  background: linear-gradient(#bbdefb, #64b5f6);
  color: #0d47a1;
  border: 1px solid #64b5f6;
}
.btn-blue:hover {
  background: linear-gradient(#e3f2fd, #64b5f6);
}

/* Soft Gray */
.btn-gray {
  background: linear-gradient(#f5f5f5, #e0e0e0);
  color: #333;
  border: 1px solid #ccc;
}
.btn-gray:hover {
  background: linear-gradient(#ffffff, #e0e0e0);
}