/**
 * 인증 페이지 스타일
 */

/* 로그인/회원가입 카드 스타일 */
.auth-container {
    margin-top: 40px;
}

.auth-card {
    max-width: 450px;
    margin: 0 auto;
}

.auth-card .awsui-card-header {
    background-color: #f2f3f3;
}

.auth-card .awsui-card-header h5 {
    font-size: 18px;
}

.auth-card .awsui-card-body {
    padding: 24px;
}

/* 폼 요소 스타일 */
.auth-form .form-label {
    font-weight: 500;
    color: #000716;
    margin-bottom: 6px;
}

.auth-form .form-control {
    border-radius: 4px;
    border: 1px solid #d1d5db;
    padding: 8px 12px;
    height: 40px;
    font-size: 14px;
}

.auth-form .form-control:focus {
    border-color: #0972d3;
    box-shadow: 0 0 0 2px rgba(9, 114, 211, 0.2);
}

.auth-form .input-group .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.auth-form .form-check-input:checked {
    background-color: #0972d3;
    border-color: #0972d3;
}

/* 로그인 버튼 스타일 */
.auth-form .awsui-button {
    width: 100%;
    height: 40px;
    font-size: 16px;
}

/* 회원가입 링크 스타일 */
.auth-links {
    margin-top: 16px;
    text-align: center;
}

.auth-links a {
    color: #0972d3;
    text-decoration: none;
}

.auth-links a:hover {
    text-decoration: underline;
}

/* 에러 메시지 스타일 */
.auth-error {
    color: #d91515;
    font-size: 14px;
    margin-top: 4px;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
    .auth-card {
        margin: 0 16px;
    }
}