body { min-height: 100vh; background: radial-gradient(1200px 600px at 80% -10%, rgba(214, 170, 72, .18), transparent 60%), linear-gradient(160deg, var(--g900), var(--g700) 55%, #22665f); }
.login { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px 16px; gap: 14px; }
.lbox { width: min(440px, 100%); overflow: hidden; box-shadow: var(--shadow-l); }
.lhead { text-align: center; padding: 26px 22px 18px; background: linear-gradient(120deg, var(--g900), var(--g700)); color: #fff; }
.lhead img { height: 48px; width: auto; display: block; margin: 0 auto 10px; }
.lhead h1 { font-size: 24px; font-weight: 800; }
.lhead p { margin: 4px 0 0; color: #cfe3de; font-size: 13.5px; }
.lbody { display: flex; flex-direction: column; gap: 14px; padding: 22px; }
.lbody .btn.lg { width: 100%; }
.lbody p { margin: 0; }
.sent { font-size: 14.5px; color: var(--ink-2); }
.sent b { word-break: break-all; }
.code { text-align: center; font-size: 26px !important; letter-spacing: 10px; font-weight: 800; font-variant-numeric: tabular-nums; }
.lrow { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.lfoot { color: #cfe3de; text-align: center; max-width: 440px; }