:root{--ground:#fafaf8;--panel:#fff;--line:#e4e3e1;--line-strong:#cfcecb;--ink:#14110e;--ink2:#3f3e3a;--mute:#5b5a56;--err:#960a0a;--err-bg:#feeded;
--sans:"TT Commons Pro",ui-sans-serif,system-ui,-apple-system,"Apple SD Gothic Neo","Pretendard","Noto Sans KR",sans-serif;--serif:"Tiempos Text",Georgia,"Apple SD Gothic Neo","Noto Serif KR",serif}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:450 15px/1.5 var(--sans);min-height:100dvh;display:grid;place-items:center;padding:24px}
.login{width:min(380px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mark{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--ground);display:grid;place-items:center;font:500 16px/1 var(--serif)}
h1{font:500 24px/32px var(--serif);letter-spacing:-1px;margin:0}
.lead{margin:0 0 16px;color:var(--ink2);font-size:14px}
label{display:block;font-size:13px;font-weight:600;color:var(--ink2);margin:12px 0 6px}
input{width:100%;height:44px;border:1px solid var(--line-strong);border-radius:6px;padding:0 10px;font:inherit;background:var(--panel)}
input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.btn{width:100%;height:44px;margin-top:16px;border:1px solid var(--ink);background:var(--ink);color:var(--ground);border-radius:6px;font:600 14px var(--sans);cursor:pointer}
.btn[disabled]{opacity:.6;cursor:default}
.msg{margin:12px 0 0;padding:10px 12px;border-radius:6px;background:var(--err-bg);color:var(--err);font-size:14px}