.lg-main{display:flex;justify-content:center;padding:48px 16px 64px}
.lg-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);padding:30px 28px 24px}
.lg-title{font-size:31px;font-weight:400;letter-spacing:-1px;margin:0 0 8px}
.lg-sub{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.6}
.lg-st{margin-bottom:12px}
.lg-card svg{width:20px;height:20px;fill:currentColor;flex:none}
.lg-pane{display:flex;flex-direction:column;gap:14px}
.lg-big{width:100%;min-height:47px;font-size:13px;gap:10px}
.lg-big[aria-disabled=true]{opacity:.55;pointer-events:none}
.lg-steps{margin:0;padding-left:20px;color:var(--muted);font-size:.9rem;display:grid;gap:4px}
.lg-wait{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}
.lg-spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:lgs .8s linear infinite}
@keyframes lgs{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lg-spin{animation-duration:3s}}
.lg-small{font-size:12px;text-align:center}
.lg-small a{color:var(--muted)}
.lg-forgot{text-align:right;margin-top:-6px}
.lg-alt{margin-bottom:10px}#p-alt .lg-small{margin-top:4px}
.lg-eye{position:absolute;right:4px;top:4px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--muted);cursor:pointer}
.lg-eye[aria-pressed=true]{color:var(--brand)}
.lg-eye svg{position:static;width:20px;height:20px}
.lg-fl .lg-eye+*{}
#pw,#newpw{padding-right:48px}
.lg-eye:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.lg-fl{position:relative;display:block}
.lg-fl svg{position:absolute;left:12px;top:15px;color:var(--muted);pointer-events:none}
.lg-fl input{width:100%;min-height:50px;padding:20px 12px 6px 42px;background:var(--field);border:1px solid var(--line);border-radius:0}
.lg-reg{display:grid;gap:12px}
.lg-fe{margin:6px 0 0;font-size:12px}
.lg-reg .lg-fl input{padding-left:12px}.lg-reg .lg-fl span{left:12px}
.lg-reg .lg-fl input:focus+span,.lg-reg .lg-fl input:not(:placeholder-shown)+span,.lg-fd span{top:6px;font-size:11px}
.lg-fd input{color-scheme:dark}
.lg-chk{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);cursor:pointer;min-height:44px}
.lg-chk input{width:18px;height:18px;accent-color:var(--accent)}
.lg-fl input:focus{border-color:var(--brand)}
.lg-fl span{position:absolute;left:42px;top:14px;color:var(--muted);font-size:14px;pointer-events:none;transition:all .15s;transform-origin:left top}
.lg-fl input:focus+span,.lg-fl input:not(:placeholder-shown)+span{top:6px;font-size:11px}
.lg-or{display:flex;align-items:center;gap:12px;color:var(--muted);font:11px var(--mono);text-transform:uppercase;letter-spacing:1px;margin:22px 0 14px}
.lg-or:before,.lg-or:after{content:"";flex:1;height:1px;background:var(--line)}
.lg-foot{text-align:center;color:var(--muted);margin:20px 0 0;font-size:13px}
@media (max-width:480px){.lg-main{padding:16px 12px 40px}.lg-card{padding:22px 18px 18px}}
.lg-code{font:500 26px var(--mono);letter-spacing:.2em;color:var(--accent)}
.lg-wait{flex-wrap:wrap}
.lg-sbtn{display:flex;align-items:center;gap:12px;width:100%;height:48px;padding:0 14px;box-sizing:border-box;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}
.lg-sbtn:hover,.lg-gwrap:hover .lg-sbtn{border-color:var(--muted);background:var(--hover)}
.lg-sbtn[aria-disabled=true]{opacity:.55;pointer-events:none}
.lg-sbtn span{flex:1;text-align:center;margin-right:28px}
.lg-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}
.lg-ico svg{width:16px;height:16px}
.lg-ico-tg{background:#229ed9}.lg-ico-tg svg{margin-right:1px}.lg-ico-g{background:#fff}
.lg-gwrap{position:relative;margin-bottom:10px}
.lg-g{position:absolute;left:0;top:0;width:100%;height:40px;overflow:hidden;opacity:.01;transform:scaleY(1.2);transform-origin:0 0}
.lg-g iframe{width:100%!important}
.lg-retry{background:none;border:1px solid var(--line);border-radius:0;min-height:40px;color:var(--text);padding:8px 14px;cursor:pointer;font:inherit}
a.lg-sbtn,a.lg-sbtn:hover,a.lg-sbtn span{text-decoration:none}
#tgbtn{margin-bottom:10px}
.lg-fl input[aria-invalid]{border-color:var(--danger)}