* { box-sizing: border-box; }
body {
  font-family: "Pretendard", "Malgun Gothic", system-ui, sans-serif;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:100vh; margin:0; background:#f8fafc; color:#0f172a;
}
.login-logo { margin-bottom:24px; }
.login-logo img { display:block; max-width:200px; height:auto; }
.card { background:#ffffff; padding:2.2rem 2rem; border-radius:16px; width:340px;
        box-shadow:0 1px 3px rgba(15,23,42,0.08), 0 1px 2px rgba(15,23,42,0.06); }
h1 { font-size:1.15rem; margin:0 0 1.4rem; font-weight:800; text-align:center; }
label { display:block; font-size:0.9rem; font-weight:600; color:#0f172a; margin-bottom:0.4rem; }
input {
  width:100%; padding:0.85rem 1rem; margin-bottom:0.3rem; border-radius:10px;
  border:1px solid #d8dee8; background:#fff; color:#0f172a; font-size:0.95rem;
}
input::placeholder { color:#b6bcc7; }
input:focus { outline:none; border-color:#3b82f6; }
.field-error { color:#ef4444; font-size:0.78rem; min-height:1.1em; margin-bottom:0.9rem; }
.captcha-row { display:flex; gap:10px; align-items:center; margin-bottom:0.9rem; }
.captcha-row img { border-radius:8px; border:1px solid #d8dee8; cursor:pointer; }
button {
  width:100%; padding:0.9rem; border:none; border-radius:10px;
  background:linear-gradient(90deg,#4f9dff,#2563eb); color:#fff; font-size:1rem; font-weight:700;
  cursor:pointer; margin-top:0.6rem;
}
button:disabled { opacity:0.55; cursor:default; }
.result { text-align:center; font-size:0.9rem; color:#16a34a; margin-top:1rem; }
.error { color:#ef4444; font-size:0.85rem; min-height:1.2em; margin-top:0.7rem; text-align:center; }
.hint { color:#94a3b8; font-size:0.8rem; margin-top:1.2rem; text-align:center; }
.hint a { color:#3b82f6; text-decoration:none; }
.hidden { display:none; }
.page-footer { margin-top:2rem; text-align:center; font-size:0.78rem; color:#94a3b8; }
.page-footer a { color:#94a3b8; text-decoration:underline; }