.form-container {
  max-width: 520px;
  width: 100%;
  padding: 40px 24px;
}

.back-link {
  display: inline-block;
  color: var(--subtext);
  text-decoration: none;
  font-size: 0.9rem;
  margin-bottom: 24px;
  transition: color 0.2s;
}
.back-link:hover { color: var(--text); }

.subtitle {
  color: var(--subtext);
  font-size: 0.95rem;
  margin-top: -16px;
  margin-bottom: 32px;
}

form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

label {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--subtext);
}

input, textarea {
  background: var(--surface);
  color: var(--text);
  border: 1.5px solid transparent;
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 1rem;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s, background 0.3s;
  resize: vertical;
}

input::placeholder, textarea::placeholder { color: var(--subtext); opacity: 0.6; }

input:focus, textarea:focus {
  border-color: var(--btn-bg);
}

#submitBtn {
  margin-top: 8px;
  background: var(--btn-bg);
  color: #fff;
  border: none;
  padding: 14px;
  font-size: 1.05rem;
  font-weight: 600;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
}
#submitBtn:hover   { background: var(--btn-hover); }
#submitBtn:active  { transform: scale(0.97); }
#submitBtn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }

.success-msg {
  margin-top: 24px;
  background: #4caf5022;
  border: 1.5px solid #4caf50;
  color: #4caf50;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  font-weight: 600;
}
.hidden { display: none; }