.lg-page{min-height:100%;display:flex;flex-direction:column;padding-inline:16px;padding-block:20px 40px}
.lg-logo{font-size:20px;color:var(--ink)}
.lg-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding-top:24px}
.lg-card{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px 32px 28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 32px rgba(15,27,51,.06)}
.lg-card h1{margin:0;text-align:center;font-size:30px;letter-spacing:-.01em}
.lg-sub{margin:-8px 0 6px;text-align:center;color:var(--muted)}
.lg-field{display:flex;flex-direction:column;gap:6px}
.lg-field label{font-weight:700;font-size:14px}
.lg-input{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 12px}
.lg-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.lg-input svg{width:20px;height:20px;fill:none;stroke:var(--muted);stroke-width:1.7;flex:none}
.lg-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 0;font-size:16px}
.lg-field select{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px;font-size:16px}
.lg-eye{border:0;background:none;padding:4px;display:flex}
.lg-hint{font-size:12px;color:var(--muted)}
.lg-err{color:var(--danger);min-height:18px;margin:0;font-size:14px}
.lg-btn{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;background:var(--brand);color:var(--brand-ink);font-weight:700;font-size:17px;padding:13px}
.lg-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.lg-btn:disabled{opacity:.6}
@media (max-width:480px){.lg-card{padding:24px 18px}}