@charset "UTF-8";
        /* [1] 전체 레이아웃: 헤더와 푸터 사이 중앙 배치 */
        body { 
            background-color: #ffffff; 
            margin: 0; 
            display: flex; 
            flex-direction: column; 
            min-height: 100vh; 
            font-family: 'Pretendard', -apple-system, sans-serif;
        }
        
        /* 헤더/푸터 링크 밑줄 제거 */
        nav a, .header-container a, [th\:replace] a { 
            text-decoration: none !important; 
            color: inherit !important; 
        }

        main {
            flex: 1; 
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 40px 0;
        }

        .login-container { 
            width: 400px; 
            text-align: center; 
        }

        .login-title { 
            font-weight: bold; 
            margin-bottom: 40px; 
            border-bottom: 1px solid #eee; 
            padding-bottom: 20px; 
            font-size: 24px;
            color: #333;
        }
        
/* [2] 사용자 타입 선택 (라디오 커스텀) */
.radio-select {
    display: flex;
    background-color: #f8f9fa; /* 아이디/비번창과 동일한 배경색 */
    padding: 5px;
    border-radius: 12px;
    margin-bottom: 25px;
    width: 100%; /* 부모 너비에 맞춤 */
    box-sizing: border-box;
}

/* 실제 라디오 인풋은 숨김 */
.radio-select input[type="radio"] {
    display: none;
}

/* 버튼 형태의 라벨 디자인 */
.radio-select label {
    flex: 1; /* 반반씩 나눠 갖도록 설정 */
    padding: 14px 0;
    font-size: 15px;
    font-weight: 600;
    color: #999;
    text-align: center; /* 텍스트 중앙 정렬 */
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* 선택되었을 때: 메인 컬러(#3d8b89) 적용 */
.radio-select #coach:checked + label {
    background-color: #328889;
    color: white;
    box-shadow: 0 2px 8px rgba(61, 139, 137, 0.2);
}

.radio-select #company:checked + label {
    background-color: #DC731D;
    color: white;
    box-shadow: 0 2px 8px rgba(61, 139, 137, 0.2);
}

/* 마우스 올렸을 때 효과 */
.radio-select label:hover {
    color: #666;
}
.radio-select input[type="radio"]:checked + label:hover {
    color: white; /* 선택된 상태에선 계속 흰색 유지 */
}

        /* [3] 로그인 입력창 및 버튼 그리드 */
        .login-row {
            display: flex;
            gap: 10px;
            align-items: stretch; /* 입력창 높이에 맞춰 버튼 높이 자동 조절 */
        }

        .input-group-stack {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .form-control { 
            width: 100%;
            background-color: #f8f9fa !important; 
            border: none !important; 
            border-radius: 12px !important; 
            padding: 14px; 
            font-size: 15px;
            outline: none;
        }
        
        .btn-login { 
            background-color: #328889; 
            color: white; 
            border: none; 
            border-radius: 12px; 
            width: 100px; 
            font-weight: bold; 
            cursor: pointer;
            transition: background 0.2s;
        }
        .btn-login:hover { background-color: #2d6b69; }

        /* [4] 기타 링크 및 부가 버튼 */
        .find-links { font-size: 13px; color: #999; margin: 15px 0 30px; }
        .find-links a { color: #999; text-decoration: none; margin: 0 8px; }

        .btn-kakao { 
            background-color: #fee500; 
            border: none; 
            border-radius: 12px; 
            width: 100%; 
            padding: 0px 14px; 
            font-weight: bold; 
            display: flex; 
            align-items: center; 
            justify-content: center;
            cursor: pointer;
            text-decoration: none;
            color: #3c1e1e;
            font-size: 15px;
        }

        .divider { margin: 20px 0; font-size: 13px; color: #ccc; position: relative; }
        
        .btn-signup { 
            background-color: transparent; 
            border: 1px solid #328889; 
            border-radius: 25px; 
            width: 100%; 
            padding: 12px; 
            color: #3d8b89; 
            font-weight: bold; 
            cursor: pointer;
            transition: all 0.2s;
        }
        .btn-signup:hover { background-color: #f0f7f7; }