/* auth.css 수정 및 보완 */

/* 로그인 카드를 감싸는 부모 컬럼 너비 조정 (레이아웃 파일에서 수정해도 됨) */
.col-md-5 {
    width: 100%;
    max-width: 550px; /* 박스 자체의 최대 너비를 550px로 확장 */
}

.auth-card {
    background: #ffffff;
    border-radius: 30px; /* 더 부드러운 곡선 */
    padding: 20px; /* 내부 기본 여백 추가 */
    transition: all 0.3s ease;
}

/* 입력창 크기 및 디자인 고도화 */
.input-group-lg > .form-control,
.input-group-lg > .input-group-text {
    padding: 1rem 1.25rem; /* 높이를 키워서 시원하게 표현 */
    font-size: 1rem;
}

.form-control:focus {
    border-color: #0b1437;
    background-color: #fff !important;
}

/* 버튼 호버 애니메이션 */
.btn-lg {
    font-size: 1.1rem;
    border-radius: 15px;
}

/* 반응형 모바일 대응 */
@media (max-width: 576px) {
    .auth-card {
        margin: 20px;
        padding: 10px;
    }
}