/* =============================================
   편한가 인사이트 - 로그인 페이지 스타일
   ============================================= */

body {
    color: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
    font-family:
        'Pretendard Variable',
        Pretendard,
        -apple-system,
        BlinkMacSystemFont,
        system-ui,
        Roboto,
        'Helvetica Neue',
        'Segoe UI',
        'Apple SD Gothic Neo',
        'Noto Sans KR',
        'Malgun Gothic',
        'Apple Color Emoji',
        'Segoe UI Emoji',
        'Segoe UI Symbol',
        sans-serif;
}

.login-container {
    margin: 2rem;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.brand-logo {
    color: #10b981;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.5rem;
}

.brand-logo img {
    width: 160px;
}

.brand-subtitle {
    color: #10b981;
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: 2rem;
}

.form-control {
    background-color: #fff;
    color: #222;
}

.form-control:focus {
    background-color: #fff;
    border: solid 1px #13a37f;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25);
    color: #222;
}

.form-control::placeholder {
    color: #6c757d;
}

.btn-primary {
    background-color: #10b981;
    border-color: #10b981;
}

.btn-primary:hover {
    background-color: #059669;
    border-color: #059669;
}

.form-check-input:checked {
    background-color: #10b981;
    border-color: #10b981;
}

.forgot-password {
    color: #10b981;
    text-decoration: none;
}

.forgot-password:hover {
    color: #059669;
}

.top-border {
    height: 3px;
    background-color: #10b981;
    margin-bottom: 2rem;
    border-radius: 3px;
}

.form-label {
    font-size: 18px;
    color: #222;
}

.form-check-label {
    color: #999;
    font-size: 14px;
}