:root{--paper:#f4f7fb;--panel:#ffffff;--ink:#10233f;--muted:#52647c;--line:#d8e1ec;--navy:#10233f;--accent:#2563eb;--green:#147d64;--error:#963d26;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s8) var(--s6);gap:var(--s8)}.brand{display:flex;align-items:baseline;color:var(--navy);font-weight:800;font-size:24px;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--accent)}.brand small{font-size:12px;letter-spacing:2px;margin-left:var(--s3);font-weight:600;color:var(--muted)}.login-panel{width:100%;max-width:440px;padding:var(--s12);background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 48px #10233f0a}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:700;margin:0 0 var(--s4)}h1{font-size:40px;line-height:1.25;letter-spacing:-1.8px;margin:0 0 var(--s6);word-break:keep-all}.intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 var(--s8);word-break:keep-all}form{display:flex;flex-direction:column;gap:var(--s3)}label{font-size:14px;font-weight:600}input,button{font:inherit}input[type=password],input[type=text]{width:100%;height:48px;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:16px}input[aria-invalid=true]{border-color:var(--error)}.reveal{display:flex;align-items:center;gap:var(--s2);font-weight:400;color:var(--muted);min-height:32px}.reveal input{width:16px;height:16px;accent-color:var(--navy)}button{min-height:48px;padding:var(--s3) var(--s6);background:var(--navy);color:var(--panel);border:1px solid var(--navy);border-radius:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600}button:hover{background:var(--ink)}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.status{min-height:24px;margin:0;color:var(--error);font-size:14px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}.footnote{border-top:1px solid var(--line);padding-top:var(--s6);margin-top:var(--s3);color:var(--muted);font-size:12px;line-height:1.9;word-break:keep-all}.footnote a{display:inline-block;color:var(--navy);margin-top:var(--s2);text-underline-offset:4px}.signature{font-size:12px;letter-spacing:1px;color:var(--muted);text-align:center;word-break:keep-all;margin:0}@media(max-width:480px){main{padding:var(--s6) var(--s4);gap:var(--s6)}.login-panel{padding:var(--s8) var(--s6)}h1{font-size:32px}}