:root {
  --color-gold: #FFD700;
  --color-bg-dark: #000000;
  --color-text: #FFD700;
  --color-white: #fff;
  --color-error: #FF4D4D;
  --color-input-bg: #111;
  --color-border: #444;
}

/* ===== СТИЛИ ДЛЯ ФОРМЫ ЗАКАЗА ===== */
.container {
  background-color: var(--color-bg-dark);
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.1);
  max-width: 700px;
  margin: 50px auto;
  border: 1px solid var(--color-border);
  animation: fadeIn 0.5s ease-in-out;
}

h2 {
  text-align: center;
  color: var(--color-gold);
  margin-bottom: 30px;
  text-shadow: 0 0 10px var(--color-gold);
}

form label {
  display: block;
  margin-bottom: 6px;
  color: var(--color-text);
  font-weight: bold;
}

form input,
form select,
form textarea {
  width: 100%;
  padding: 10px;
  background-color: var(--color-input-bg);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  color: var(--color-white);
  margin-bottom: 10px;
  font-size: 1em;
}

form input:focus,
form select:focus,
form textarea:focus {
  outline: none;
  border-color: var(--color-gold);
  box-shadow: 0 0 5px var(--color-gold);
}

form .mb-3 {
  margin-bottom: 20px;
}

form .errorlist {
  color: var(--color-error);
  margin-top: 4px;
  font-size: 0.95em;
}

button[type="submit"] {
  background-color: var(--color-gold);
  color: black;
  border: none;
  padding: 12px 24px;
  font-size: 1em;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  margin: 0 auto;
  font-weight: bold;
}

button[type="submit"]:hover {
  box-shadow: 0 0 10px var(--color-gold);
  background-color: #ffe65c;
}

/* Анимация */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}