body.lg{min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center;background:var(--navy,#0f1b3d);padding:16px;box-sizing:border-box}
.lg-box{background:#fff;color:#0f1b3d;border-radius:16px;padding:32px 28px;width:100%;max-width:400px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:14px}
.lg-logo{height:40px;align-self:flex-start}
.lg-box h1{margin:0;font-size:1.4rem}
.lg-f{display:flex;flex-direction:column;gap:12px}
.lg-f label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.9rem}
.lg-f input{font:inherit;padding:10px 12px;border:1px solid #c9cfdd;border-radius:8px;font-weight:400}
.lg-f input:focus{outline:2px solid #2b6cb0;outline-offset:1px}
.lg-btn{font:inherit;font-weight:700;padding:11px;border:0;border-radius:8px;background:#c6f432;color:#0f1b3d;cursor:pointer}
.lg-btn:disabled{opacity:.6}
.lg-link{font:inherit;background:none;border:0;color:#2b6cb0;cursor:pointer;padding:4px}
.lg-err{margin:0;color:#b42318;background:#fdecea;border-radius:8px;padding:8px 10px;font-size:.9rem}
.lg-note,.lg-sub{font-size:.8rem;color:#5b6480;margin:0}
.lg-ol{margin:0;padding-left:20px;font-size:.9rem;display:flex;flex-direction:column;gap:4px}
.lg-qr{align-self:center;padding:8px;background:#fff;border:1px solid #e2e6ef;border-radius:8px}
.lg-sec{display:block;margin-top:6px;font-size:.95rem;letter-spacing:.05em;word-break:break-all;background:#f3f5f9;padding:8px;border-radius:6px}