:root{--bg:#0b0d11;--surface:#141720;--line:#262c3a;--line-2:#343b4d;--tx:#eceef3;--tx-2:#a3aabb;--tx-3:#6c7488;--acc:#d9a640;--acc-2:#f0c460;--acc-ink:#1a1307;--bad:#f06464;color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1c1810 0%,transparent 60%),var(--bg);color:var(--tx);
  font:15px/1.5 "Inter","Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.lg{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}
.lg-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px 28px 28px;
  box-shadow:0 24px 60px -20px #000c,0 0 0 1px #ffffff05 inset}
.lg-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.lg-brand b{display:block;font-size:17px;letter-spacing:.02em;color:var(--acc-2)}
.lg-brand span{display:block;font-size:12px;color:var(--tx-3)}
h1{margin:0;font-size:22px;font-weight:650;letter-spacing:-.01em}
.lg-sub{margin:4px 0 22px;color:var(--tx-2);font-size:14px}
label{display:block;font-size:13px;font-weight:550;color:var(--tx-2);margin:0 0 6px}
input[type=email],input[type=password],input[type=text]{width:100%;height:42px;padding:0 12px;background:#0e1016;border:1px solid var(--line-2);
  border-radius:8px;color:var(--tx);font:inherit;margin-bottom:16px;transition:border-color .15s,box-shadow .15s}
input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px #d9a64033}
.lg-pw{position:relative}
.lg-pw input{padding-right:44px}
.lg-pw button{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:var(--tx-3);cursor:pointer;display:grid;place-items:center}
.lg-pw button:hover{color:var(--tx);background:#ffffff0a}
.lg-pw button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.lg-chk{display:flex;align-items:center;gap:8px;font-weight:400;font-size:14px;color:var(--tx-2);margin:2px 0 18px;cursor:pointer}
.lg-chk input{width:16px;height:16px;accent-color:var(--acc);margin:0}
.lg-err{background:#f064641a;border:1px solid #f0646455;color:#ffb3b3;border-radius:8px;padding:9px 12px;font-size:13.5px;margin-bottom:14px}
.lg-btn{width:100%;height:44px;border:0;border-radius:8px;background:linear-gradient(180deg,var(--acc-2),var(--acc));color:var(--acc-ink);
  font:inherit;font-weight:650;cursor:pointer;transition:filter .15s,transform .05s}
.lg-btn:hover{filter:brightness(1.06)}
.lg-btn:active{transform:translateY(1px)}
.lg-btn:focus-visible{outline:2px solid var(--acc-2);outline-offset:2px}
.lg-btn:disabled{opacity:.6;cursor:wait}
.lg-foot{margin-top:18px;color:var(--tx-3);font-size:12px}