:root { font-family: "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #18364c; background: #f3f7fa; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
.login-shell { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 20px; background: radial-gradient(ellipse at 12% 5%, #dceff8 0, transparent 52%), radial-gradient(ellipse at 90% 100%, #e6f3ef 0, transparent 45%); }
.login-card { width: 100%; max-width: 440px; padding: 42px 38px 30px; background: #fff; border: 1px solid #dfebf0; border-radius: 24px; box-shadow: 0 20px 65px #183b5510; }
.login-logo { display: block; object-fit: contain; object-position: left; }
.login-eyebrow { margin: 18px 0 28px; font-size: 10px; font-weight: 700; letter-spacing: 1.9px; color: #678197; }
h1 { margin: 0 0 12px; font-size: 26px; line-height: 1.3; letter-spacing: -1px; }
.login-description { margin: 0 0 30px; color: #667b8c; font-size: 14px; line-height: 1.7; word-break: keep-all; }
label { display: block; margin: 19px 0 9px; color: #375368; font-size: 13px; font-weight: 650; }
input { width: 100%; height: 48px; padding: 12px 14px; border: 1px solid #d4e0e8; border-radius: 10px; background: #fbfcfd; color: #18364c; font: inherit; font-size: 16px; }
input:focus { outline: 3px solid #0075ba20; border-color: #0075ba; background: #fff; }
button { width: 100%; min-height: 48px; border: 0; border-radius: 10px; background: #0075ba; color: #fff; font: inherit; font-size: 15px; font-weight: 650; cursor: pointer; transition: background 120ms; }
button:hover:not(:disabled) { background: #0066a3; }
button:focus-visible, a:focus-visible { outline: 3px solid #0075ba50; outline-offset: 4px; }
button:disabled { opacity: .64; cursor: wait; }
.login-message { min-height: 20px; margin: 14px 0; color: #b13936; font-size: 13px; line-height: 1.6; }
.login-note { margin: 24px 0 0; text-align: center; color: #8495a1; font-size: 12px; }
.login-footer { margin: 24px 0 0; text-align: center; color: #8193a0; font-size: 11px; letter-spacing: .2px; }
.login-retry { display: block; margin-top: 16px; text-align: center; color: #0075ba; font-size: 13px; }
[hidden] { display: none !important; }
@media (max-width: 420px) { .login-shell { padding: 24px 16px; } .login-card { padding: 32px 24px 26px; border-radius: 20px; } h1 { font-size: 24px; } }