body.lg{display:flex;flex-direction:column;min-height:100vh;background:#fdf3e6 url(login-bg.jpg) no-repeat center bottom/cover;color:var(--tx)}
.lg-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:16px 28px 0}
.lg-who{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%}
.lg-photo{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 6px 18px rgba(200,105,31,.35)}
.lg-cap{margin-top:8px;text-align:center;font-weight:700;font-size:13px;line-height:1.35;color:var(--gd);text-shadow:0 1px 3px rgba(255,255,255,.9)}
.lg-title{align-self:center;font-size:40px;font-weight:800;letter-spacing:5px;color:var(--gd);text-shadow:0 2px 6px rgba(255,255,255,.9)}
.lg-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:12px 20px}
.lg-card{width:100%;max-width:440px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(200,105,31,.28);border:1px solid rgba(255,255,255,.8)}
.lg-form{padding:36px 34px;min-width:0}
.lg-ico{font-size:34px;line-height:1}
.lg-form h1{margin:6px 0 2px;color:var(--gd);font-size:28px}
.lg-sub{margin:0 0 18px;color:#8a6a55}
.lg-form input{padding:12px 14px;background:#fff;border:1px solid var(--g3);border-radius:10px;transition:border .2s,box-shadow .2s}
.lg-form input:focus{outline:0;border-color:var(--g);box-shadow:0 0 0 3px rgba(200,105,31,.18)}
.lg-pw{position:relative}.lg-pw input{padding-right:64px}
.lg-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--gd);font-size:13px;cursor:pointer;padding:6px}
.lg-btn{width:100%;margin-top:20px;padding:12px;font-size:16px;font-weight:600;border-radius:10px;background:linear-gradient(90deg,#d9772b,#c8691f)}
.lg-foot{margin:16px 0 0;font-size:12px;color:#9a7b66;text-align:center}
.lg-bottom{text-align:center;padding:16px;font-size:20px;font-weight:700;color:#5a3a24;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(200,105,31,.25)}
@media(max-width:720px){
  .lg-top{grid-template-columns:auto 1fr;padding:12px 14px 0;gap:10px}
  .lg-spacer{display:none}.lg-photo{width:84px;height:84px}.lg-cap{font-size:11px}
  .lg-title{font-size:24px;letter-spacing:2px;text-align:center}
  .lg-form{padding:26px 22px}.lg-bottom{font-size:15px;padding:12px}}