.login{--bg:#f4f7f6;--surface:#fff;--subtle:#f5f8f7;--sunken:#ebf0ee;--border:#e1e8e6;--border-strong:#c6d2cf;--ink:#15201e;--ink-2:#4e5d5a;--ink-3:#818f8c;--accent:#0f6b61;--accent-soft:#e3f1ee;--on-accent:#fff;--danger:#9b322a;--danger-soft:#f9e8e6;--side:#132320;--side-ink:#dce8e5;--side-ink-2:#8ca39e;background:var(--bg);min-height:100vh;color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:15px;line-height:1.6;display:grid}.login .pane{background:var(--side);color:var(--side-ink);flex-direction:column;padding:56px 52px;display:flex}.login .pane .mid{flex-direction:column;flex:1;justify-content:center;display:flex}.login .pane h2{color:#fff;letter-spacing:-.03em;margin:0 0 18px;font-size:33px;font-weight:600;line-height:1.3}.login .pane .desc{color:var(--side-ink-2);white-space:nowrap;margin:0;font-size:15px;line-height:1.8}.login .pane .bot{color:var(--side-ink-2);flex-wrap:wrap;gap:8px;font-size:12.5px;display:flex}.login .pane .bot span{opacity:.5}.login .formwrap{justify-content:center;align-items:center;padding:40px 24px;display:flex}.login .formwrap .box{width:100%;max-width:344px}.login h1{letter-spacing:-.02em;margin:0 0 6px;font-size:23px;font-weight:600}.login .sub{color:var(--ink-3);margin:0 0 26px;font-size:13.5px}.login .fld{margin-bottom:13px}.login .fld label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;display:block}.login .fld input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;padding:8px 10px;font-size:13.5px}.login .checks{flex-wrap:wrap;gap:16px;margin:12px 0 6px;font-size:13px;display:flex}.login .checks label{color:var(--ink-2);cursor:pointer;align-items:center;gap:7px;display:flex}.login .checks input{accent-color:var(--accent);margin:0}.login .findpw{text-align:right;color:var(--accent);cursor:pointer;background:0 0;border:0;width:100%;margin-bottom:18px;padding:0;font-size:13px;text-decoration:none;display:block}.login .findpw:hover{text-decoration:underline}.login .btn{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);border-radius:7px;padding:8px 13px;font-size:13.5px;font-weight:500}.login .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.login .btn:disabled{opacity:.4;cursor:default}.login .wfull{justify-content:center;width:100%;padding:11px}.login .err{background:var(--danger-soft);color:var(--danger);border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:10px 13px;font-size:13px;display:flex}.login .infobox{background:var(--subtle);color:var(--ink-2);border-radius:8px;margin-top:16px;padding:12px 14px;font-size:12.5px;line-height:1.6}@media (max-width:900px){.login{grid-template-columns:1fr}.login .pane{display:none}}@media (max-width:1180px){.login .pane .desc{font-size:13.5px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login{--bg:#0a100f;--surface:#141d1b;--subtle:#192320;--sunken:#0f1716;--border:#25322f;--border-strong:#394844;--ink:#e7eeec;--ink-2:#a6b4b1;--ink-3:#7b8986;--accent:#57c6b7;--accent-soft:#123331;--on-accent:#06201c;--danger:#e27c71;--danger-soft:#2b1a19;--side:#0f1917;--side-ink:#d6e3e0;--side-ink-2:#7e918d}}:root[data-theme=dark] .login{--bg:#0a100f;--surface:#141d1b;--subtle:#192320;--sunken:#0f1716;--border:#25322f;--border-strong:#394844;--ink:#e7eeec;--ink-2:#a6b4b1;--ink-3:#7b8986;--accent:#57c6b7;--accent-soft:#123331;--on-accent:#06201c;--danger:#e27c71;--danger-soft:#2b1a19;--side:#0f1917;--side-ink:#d6e3e0;--side-ink-2:#7e918d}