[x-cloak] {
  display: none !important;
}

.mesh-bg {
  background-color: #faf8f5;
  background-image:
    radial-gradient(at 0% 0%, rgba(20, 184, 166, 0.15) 0, transparent 50%),
    radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.12) 0, transparent 50%),
    radial-gradient(at 100% 100%, rgba(251, 146, 60, 0.1) 0, transparent 50%),
    radial-gradient(at 0% 100%, rgba(45, 212, 191, 0.1) 0, transparent 50%);
}

.hero-mesh {
  background: linear-gradient(135deg, #0f766e 0%, #115e59 35%, #1e3a5f 70%, #4c1d95 100%);
}

.form-input {
  width: 100%;
  border-radius: 0.75rem;
  border: 1px solid #e2e8f0;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.form-input:focus {
  outline: none;
  border-color: #0d9488;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: #0d9488;
  color: #fff;
  font-weight: 700;
  padding: 0.75rem 1.25rem;
  transition: background 0.15s;
}

.btn-primary:hover {
  background: #0f766e;
}

.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}