@charset "utf-8";

/* h5-auth.css — auth 页面专用样式（从 styles.css 抽出）
   版本：h5-auth-20260706
   适用：login.html / change-password.html / two-factor.html
   依赖：h5-common.css（:root 变量、.brand-mark、button/input/label 基础样式等） */

.login-page {
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(37, 99, 235, 0.08)),
    #f5f7fb;
}

.login-shell {
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: 28px;
}

.login-panel {
  width: min(420px, 100%);
  border: 1px solid #e4eaf3;
  border-radius: 8px;
  padding: 28px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.1);
}

.login-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.login-brand .brand-mark {
  flex: 0 0 auto;
}

.login-form {
  display: grid;
  gap: 14px;
}

.login-form button {
  margin-top: 4px;
}