/* 로그인/비밀번호 찾기 */
:root {
    --primary: #0056b3;
    --primary-hover: #004494;
    --text: #222;
    --text-muted: #999;
    --border: #e5e5e5;
    --bg: #f7f8fa;
}

body {
    font-family: 'Pretendard Variable', 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;
    color: var(--text);
    background-color: var(--bg);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.login-wrapper { width: 100%; max-width: 420px; padding: 20px; }
.login-card { background: #fff; border-radius: 8px; padding: 40px 36px; border: 1px solid var(--border); }
.brand-logo { font-weight: 700; font-size: 2rem; color: var(--text); text-align: center; text-decoration: none; display: block; margin-bottom: 4px; }
.brand-logo span { color: var(--primary); }
.login-title { text-align: center; color: var(--text-muted); font-weight: 500; font-size: 0.95rem; margin-bottom: 32px; }
.input-icon-wrapper { position: relative; }
.input-icon-wrapper i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: #bbb; font-size: 1rem; }
.form-control-lg { border-radius: 4px; font-size: 0.95rem; padding: 12px 16px 12px 40px; background-color: var(--bg); border: 1px solid var(--border); }
.form-control-lg:focus { box-shadow: none; border-color: var(--primary); background-color: #fff; }
.btn-primary-custom { background-color: var(--primary); color: white; border-radius: 6px; padding: 12px; font-weight: 600; font-size: 1rem; width: 100%; border: none; }
.btn-primary-custom:hover { background-color: var(--primary-hover); color: white; }
.link-custom { color: var(--primary); text-decoration: none; font-weight: 600; }
.link-custom:hover { color: var(--primary-hover); text-decoration: underline; }

[data-theme="dark"] {
    --text: #D1D5DB; --text-muted: #6B7280; --border: #2D333B; --bg: #161B22;
    --primary: #4a9eff; --primary-hover: #3a8ae6;
    color-scheme: dark;
}
[data-theme="dark"] .login-card { background: #1C2128; }
[data-theme="dark"] .form-control-lg { background-color: var(--bg); color: var(--text); }
[data-theme="dark"] .form-control-lg:focus { background-color: #1C2128; }
[data-theme="dark"] .input-icon-wrapper i { color: var(--text-muted); }