/* 화면 중앙 배치: 헤더(80px) 제외 */
.login-stage {
    min-height: calc(100vh - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 폼 래퍼 */
.login-form {
    /* 공통 폭 변수 (인풋/버튼/행 모두 공유) */
    --field-w: 369px;
    width: 640px; /* 여유있는 래퍼 */
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 28px;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans KR', Arial, sans-serif;
}

    /* 라벨 + 인풋 한 세트 */
    .login-form .form-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: var(--field-w);
        margin: 0 auto;
        row-gap: 8px;
    }

    /* 라벨: 36px Bold */
    .login-form label {
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
        color: #000;
    }

    /* 인풋 공통 */
    .login-form input[type="email"],
    .login-form input[type="password"] {
        box-sizing: border-box;
        width: var(--field-w);
        height: 32px;
        padding: 0 8px;
        border: 1px solid #000;
        background: #fff;
        font-size: 18px;
    }

    /* 버튼 영역: 인풋 폭과 동일 + 오른쪽 정렬 */
    .login-form .actions {
        width: var(--field-w);
        display: flex;
        justify-content: flex-end;
        gap: 12px;
        margin-top: 8px;
    }

    /* 버튼 공통(브라우저 기본 스타일 제거 + 동일 색) */
    .login-form .btn {
        -webkit-appearance: none;
        appearance: none;
        display: inline-block;
        height: 36px;
        line-height: 36px;
        padding: 0 16px;
        border: 1px solid #000;
        background: #e9e9e9; /* 두 버튼 동일 색 */
        font-weight: 600;
        font-size: 16px;
        color: #000;
        cursor: pointer;
        text-decoration: none; /* a.btn 밑줄 제거 */
    }

    /* 로그인 폼 내부 링크만 범위 제한(전역 a 스타일과 충돌 방지) */
    .login-form a {
        color: inherit;
        text-decoration: none;
    }