# styles.css
body {
    background-color: #f8f9fa;
}
.card {
    border-radius: 10px;
}
.card-body {
    padding: 2rem;
}
.form-control {
    border-radius: 0.375rem;
    height: 45px;
}
button {
    width: 100%;
    padding: 10px;
    border-radius: 0.375rem;
}
.text-muted {
    font-size: 0.875rem;
}
.alert-danger {
    border-radius: 0.375rem;
}
.mt-3 {
    margin-top: 1rem !important;
}
.alert-info {
    background-color: #d1ecf1;
    color: #0c5460;
    border-color: #bee5eb;
}

.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}

.alert-success {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}

.tg-auth-wrap {
  margin-top: 1em;
}

.tg-login-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  padding: 0.9em 1em;
  margin-top: 1.5em;

  background: #2AABEE;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  font-size: 1rem;

  border-radius: 0.5em;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.tg-login-btn:hover {
  background: #229ED9;
  transform: translateY(-1px);
}

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

.tg-icon {
  width: 1.3em;
  height: 1.3em;
}

/* иконка телеги */
.tg-auth-icon {
  width: 20px;
  height: 20px;
  display: inline-block;

  background-image: url("https://telegram.org/img/t_logo.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}