/* 전자책 강사 로그인/회원가입 — 회원 로그인(account.css)과 같은 디자인 가이드 */
@import url("/css/design-system.css");
.ia-page {background:#fff;color:var(--up-ink);font-family:var(--up-font-body);letter-spacing:-.035em}
.ia-wrap {display:flex;justify-content:center;padding:40px 20px 120px;min-height:calc(100vh - 130px)}
.ia-card {width:100%;max-width:var(--up-content-width,440px)}
.ia-eyebrow {display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 10px;border-radius:999px;background:var(--up-brand-soft);color:var(--up-brand);font-size:11px;font-weight:700;letter-spacing:.08em}
.ia-title {margin:0 0 8px;font-size:27px;font-weight:750;line-height:1.35;letter-spacing:-.06em;color:var(--up-ink)}
.ia-desc {margin:0 0 28px;font-size:14px;line-height:1.7;color:var(--up-muted)}
.ia-field {margin-bottom:18px}
.ia-label {display:block;margin-bottom:9px;font-size:13px;font-weight:600;color:var(--up-text)}
.ia-input {display:block;width:100%;min-height:52px;padding:14px 16px;border:1px solid transparent;border-radius:var(--up-radius-control);background:var(--up-field);color:var(--up-ink);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.ia-input::placeholder {color:#a0a9b4}
.ia-input:focus {border-color:var(--up-brand);background:#fff;box-shadow:0 0 0 3px #e7356418}
.ia-hint {margin:8px 2px 0;font-size:12px;line-height:1.6;color:var(--up-muted)}
.ia-hint.is-ok {color:#12a150}
.ia-hint.is-error {color:var(--up-error)}
.ia-alert {margin:0 0 20px;padding:12px 14px;border-radius:12px;background:#fff1f1;color:var(--up-error);font-size:13px;font-weight:500}
.ia-btn {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:8px;border:0;border-radius:var(--up-radius-control);background:var(--up-brand);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}
.ia-btn:hover {background:var(--up-brand-hover)}
.ia-btn:disabled {opacity:.6;cursor:default}
.ia-btn:focus-visible,.ia-switch a:focus-visible {outline:3px solid var(--up-brand);outline-offset:3px}
.ia-switch {display:flex;justify-content:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid var(--up-line);font-size:13px;color:var(--up-muted)}
.ia-switch a {color:var(--up-ink);font-weight:700;text-decoration:none}
.ia-switch a:hover {color:var(--up-brand)}
.ia-back {display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;color:var(--up-muted);text-decoration:none}
.ia-back:hover {color:var(--up-brand)}
.ia-foot {text-align:center}
@media(max-width:600px){.ia-wrap {padding:26px 16px 100px}.ia-title {font-size:25px}.ia-desc {font-size:13px;margin-bottom:22px}.ia-input {min-height:50px}}
@media(prefers-reduced-motion:reduce){.ia-page * {transition:none!important}}
