/* =====================================================
   AUTH CARD – společný styl (login + reset hesla)
   ===================================================== */

.auth-card {
  background: #ffffff;
  border: 2px solid #d7dfda;
  border-radius: 52px;
  padding: 4.5rem 4.5rem;
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.08);
  max-width: 620px;
  margin: 0 auto;
}

/* jemný horní popisek */
.auth-eyebrow {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7f968c;
  margin-bottom: 1rem;
}

/* hlavní nadpis */
.auth-title {
  font-size: 2.2rem;
  color: #1f2f28;
  margin-bottom: 1.2rem;
}

/* úvodní text */
.auth-lead {
  font-size: 1rem;
  color: #5f6f67;
  max-width: 420px;
  margin: 0 auto 2.5rem;
  line-height: 1.6;
}

/* label */
.auth-card .form-label {
  font-size: 0.95rem;
  font-weight: 500;
  color: #2e3d36;
  margin-bottom: 0.4rem;
}

/* input */
.auth-card input[type="email"],
.auth-card input[type="text"],
.auth-card input[type="password"] {
  width: 100%;
  padding: 0.9rem 1.1rem;
  font-size: 1rem;
  border-radius: 18px;
  border: 2px solid #d7dfda;
  background: #fff;
  color: #1f2f28;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.auth-card input:focus {
  border-color: #5f766b;
  box-shadow: 0 0 0 4px rgba(95, 118, 107, 0.15);
}

/* hlavní tlačítko */
.auth-btn {
  display: inline-block;
  width: 100%;
  margin-top: 1.5rem;

  background: #5f766b;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 1rem 1.6rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;

  transition: background 0.25s ease, transform 0.2s ease;
}

.auth-btn:hover {
  background: #7f968c;
  transform: translateY(-1px);
}

.auth-btn:active {
  transform: translateY(0);
}

/* spodní odkaz */
.auth-link {
  display: inline-block;
  margin-top: 2.5rem;
  font-size: 0.95rem;
  color: #5f766b;
  font-weight: 500;
  text-decoration: none;
}

.auth-link:hover {
  color: #7f968c;
  text-decoration: underline;
}

/* error hlášky */
.auth-card .alert-danger {
  background: #f8eaea;
  border: 1px solid #e0b4b4;
  color: #8a2c2c;
  border-radius: 16px;
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}

/* ===========================
   RESPONSIVE
   =========================== */
@media (max-width: 576px) {
  .auth-card {
    padding: 3rem 2.2rem;
    border-radius: 36px;
  }

  .auth-title {
    font-size: 1.9rem;
  }
}