/* Authentication Pages Styles (Login & Register) */
body { justify-content: center; align-items: center; background-color: #202126; color: #202126; }
.auth-card { background-color: #F7F5F2; padding: 40px; border-radius: 18px; box-shadow: 0 20px 50px rgba(0,0,0,0.25); width: 100%; max-width: 400px; text-align: center; border: 1px solid #E5E0D8; }
.auth-card .logo img { max-width: 120px; margin-bottom: 24px; }
.auth-title { font-family: var(--font); font-size: 24px; font-weight: 500; margin-bottom: 30px; color: #202126; letter-spacing: 0.3px; }
.auth-card .form-group { text-align: left; }
.auth-card .btn { width: 100%; justify-content: center; margin-top: 10px; padding: 13px; font-size: 14px; background: #202126; color: #F7F5F2; border: none; border-radius: 8px; transition: all 0.2s ease; }
.auth-card .btn:hover { background: #C8B28A; color: #202126; }
.auth-card input { background: #FFFFFF; color: #202126; border: 1px solid #DED8D0; border-radius: 8px; transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.auth-card input:focus { outline: none; border-color: #C8B28A; box-shadow: 0 0 0 3px rgba(200, 178, 138, 0.15); }
.auth-card label { color: #4A4743;}
.auth-links { margin-top: 20px; font-size: 12px; color: #8B857D; }
.auth-links a { color: #A68C63; text-decoration: none; font-weight: 500; }
.flash-msgs { margin-bottom: 20px; }
.flash-msg { padding: 10px; border-radius: 8px; font-size: 12px; background: #F3E5E3; color: #8F4A4A; margin-bottom: 10px; }