:root{--ink:#172744;--muted:#646a73;--navy:#15243e;--navy-2:#1b2f51;--line:#e0e2e6;--danger:#ae3533;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#f5f6f7;font-size:14px}*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,var(--navy) 0 38vh,#f5f6f7 38vh)}
.lg-box{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #15243e22}
.lg-head{background:var(--navy-2);color:#ebeef4;padding:20px 28px}.lg-brand{font-size:24px;font-weight:650;letter-spacing:-1px}.lg-brand small{display:block;font-size:8px;font-weight:600;letter-spacing:1.4px;color:#adc2e7;margin-top:3px}
.lg-body{padding:24px 28px 28px}h1{font-size:19px;margin:0 0 16px}
form{display:grid;gap:12px}form[hidden]{display:none}label{display:grid;gap:4px;color:var(--muted);font-size:12px}label small{font-size:11px}
input{font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:7px;color:var(--ink)}input:focus{outline:2px solid var(--navy-2);outline-offset:-1px}
button{font:inherit;padding:10px;border:0;border-radius:7px;background:var(--navy-2);color:#fff;font-weight:600;cursor:pointer}button:hover{background:var(--navy)}button:disabled{opacity:.5}
.lg-link{background:none;color:var(--muted);font-weight:500;padding:4px}.lg-link:hover{background:none;color:var(--ink)}
.lg-msg{color:var(--danger);background:#fbeeee;border-radius:7px;padding:8px 10px;margin:0 0 12px;font-size:13px}.lg-hint{color:var(--muted);margin:0;font-size:12px}