/* Sign-in and set-password page */
body.login { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px }
.lg-wrap { width: 100%; max-width: 420px }
.lg-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r); padding: 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: var(--shadow) }
.lg-card .brand { padding: 0 }
.lg-card h1 { font-size: 24px; margin-bottom: 6px }
#lgForm { display: flex; flex-direction: column; gap: 8px; margin-top: 8px }
#lgForm label { font-size: 14px; font-weight: 600; margin-top: 8px }
#lgForm .select { width: 100%; min-height: 44px; font-size: 15px }
#lgForm .btn { margin-top: 14px; min-height: 44px; font-size: 15px }
.lg-note, .lg-hint { font-size: 13.5px; color: var(--faint); line-height: 1.5 }
.lg-note a { color: var(--primary); font-weight: 600 }
.lg-err { margin-top: 8px; padding: 10px 12px; border-radius: 10px; background: var(--bad-soft); color: var(--bad); font-size: 14px }