*{box-sizing:border-box}
:root{font-family:"Malgun Gothic","Noto Sans KR",sans-serif;color:#172c44;background:#eef2f6}
body{margin:0;min-height:100vh;background:linear-gradient(135deg,#eef2f6 0%,#f9fbfd 54%,#e5edf6 100%)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.login-card{width:min(430px,100%);background:#fff;border:1px solid #d7e0ea;border-radius:14px;box-shadow:0 24px 70px rgba(24,49,79,.15);padding:34px 36px 26px}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.login-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#173b63;color:#fff;font-weight:800;font-size:18px}
.login-brand strong{display:block;font-size:19px;letter-spacing:.2px}
.login-brand small{display:block;margin-top:3px;color:#748398;font-size:11px;letter-spacing:.9px}
.login-heading h1{margin:0 0 7px;font-size:24px}
.login-heading p{margin:0 0 26px;color:#68788c;font-size:13px;line-height:1.55}
#loginForm{display:grid;gap:15px}
#loginForm label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#263b54}
#loginForm input{width:100%;height:44px;border:1px solid #bdc9d7;border-radius:6px;padding:0 12px;font:inherit;color:#12283f;background:#fff;outline:none}
#loginForm input:focus{border-color:#2f6fb7;box-shadow:0 0 0 2px rgba(47,111,183,.13)}
#loginButton{height:46px;margin-top:3px;border:0;border-radius:7px;background:#173b63;color:#fff;font:inherit;font-weight:800;cursor:pointer}
#loginButton:hover{background:#234d79}
#loginButton:disabled{opacity:.62;cursor:default}
.login-message{min-height:21px;margin:14px 0 0;color:#b42318;font-size:12px}
.login-message.is-info{color:#315b86}
.login-foot{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid #e4e9ef;color:#8a97a7;font-size:11px}
@media(max-width:520px){.login-shell{padding:12px}.login-card{padding:28px 22px 22px;border-radius:10px}}
/* CHG315: same Editorial Blue treatment; authentication behavior is unchanged. */
:root{color:#3d4449;background:#fafbfd}
body{background:#fafbfd}
.login-card{border-color:#d8dde0;border-radius:4px;box-shadow:0 12px 36px rgba(61,68,73,.07)}
.login-brand{padding-bottom:20px;border-bottom:4px solid #4385d8}
.login-mark{border-radius:4px;background:#4385d8}
.login-brand strong,.login-heading h1{font-family:"Roboto Slab",Rockwell,Georgia,"Malgun Gothic",serif}
#loginForm input{border-color:#d8dde0;border-radius:4px;color:#3d4449}
#loginForm input:focus{border-color:#4385d8;box-shadow:0 0 0 2px #edf4ff}
#loginButton{border:2px solid #4385d8;border-radius:4px;background:#fff;color:#2867b7;font-family:"Roboto Slab",Rockwell,Georgia,"Malgun Gothic",serif;letter-spacing:.035em}
#loginButton:hover{background:#edf4ff;border-color:#2867b7}
#loginButton:focus-visible{outline:2px solid #2867b7;outline-offset:3px}