body {
  font-family: 'Hanken Grotesk', sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-nav,
.glass-header {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.hero-gradient {
  background: linear-gradient(135deg, rgba(252, 248, 248, 1) 0%, rgba(220, 241, 239, 0.5) 100%);
}

.transition-standard {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.vacancy-card:hover {
  border-color: #006b5f;
}

.form-message {
  display: none;
}

.form-message.visible {
  display: block;
}

.form-message.success {
  background-color: #DCF1EF;
  color: #006b60;
  border: 1px solid #00f4dc;
}

.form-message.error {
  background-color: #ffdad6;
  color: #93000a;
  border: 1px solid #ba1a1a;
}

.file-upload-zone.has-file {
  border-color: #006b5f;
  color: #006b5f;
}

button:disabled,
button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}