[hidden] { display: none !important; }
.site-login {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 12px 8px;
}
.site-login[hidden],
#site-cabinet[hidden],
#site-logout[hidden] {
  display: none !important;
}
.site-login-card {
  width: 100%;
  max-width: 420px;
  background: var(--app-card-bg, rgba(50, 6, 15, 0.75));
  border: 1px solid rgba(246, 200, 110, 0.28);
  border-radius: 16px;
  padding: 28px 20px 22px;
  text-align: center;
}
.site-login-title { margin: 0 0 8px; font-size: 26px; color: #fff; }
.site-login-lead { margin: 0 0 18px; color: rgba(255,255,255,0.78); font-size: 15px; line-height: 1.4; }
.site-login-pin {
  margin: 0 0 16px;
  font-size: 42px;
  letter-spacing: 0.28em;
  font-weight: 800;
  color: var(--gold-light, #f6c86e);
}
.site-login-btn { display: block; text-decoration: none; margin: 0 auto; max-width: 280px; }
.site-login-wait { margin: 14px 0 0; color: rgba(255,255,255,0.7); font-size: 14px; }