/* 기본 초기화 */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Pretendard', sans-serif; }

body {display: flex; justify-content: center; align-items: center; min-height: 100vh; }

.auth-container { width: 100%; max-width: 450px; padding: 20px; }



h2 { font-size: 24px; font-weight: 700; margin-bottom: 25px; text-align: center; color: #1c1e21; }

.input-wrapper { margin-bottom: 18px; }

.input-wrapper label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; color: #4b4f56; }

/* 장고가 생성하는 input 태그 스타일링 */
.input-wrapper input {
    width: 100%; padding: 12px; border: 1px solid #dddfe2; border-radius: 6px; font-size: 16px;
}

.input-wrapper input:focus { border-color: #333; outline: none; box-shadow: 0 0 0 2px #e7f3ff; }

/* 안내 문구 및 에러 스타일 */
.field-help { font-size: 12px; color: #8d949e; margin-top: 4px; line-height: 1.4; }
.field-error { font-size: 12px; color: #fa3e3e; margin-top: 4px; }

.submit-btn {
    width: 100%; padding: 14px; background-color: #333; color: #fff; border: none; border-radius: 6px;
    font-size: 18px; font-weight: 700; cursor: pointer; transition: background 0.2s; margin-top: 10px;
}

.submit-btn:hover { background-color: #333; }

.footer-link { margin-top: 20px; text-align: center; font-size: 14px; color: #606770; }
.footer-link a { color: #333; text-decoration: none; font-weight: 600; }