/* Auth Pages Styles */

#register,
#login {
   padding: 120px 0;
   min-height: 80vh;
}

.auth-container {
   max-width: 500px;
   margin: 0 auto;
}

.auth-form-wrapper {
   background: #fff;
   padding: 40px;
   border-radius: 8px;
   box-shadow: 0 2px 20px rgba(0,0,0,0.1);
}

.auth-form-title {
   text-align: center;
   margin-bottom: 30px;
   color: #1a1a1a;
}

.auth-alert {
   padding: 15px;
   border-radius: 4px;
   margin-bottom: 20px;
}

.auth-alert-error {
   background: #f8d7da;
   color: #721c24;
   border: 1px solid #f5c6cb;
}

.auth-alert-success {
   background: #d4edda;
   color: #155724;
   border: 1px solid #c3e6cb;
}

.auth-alert ul {
   margin: 0;
   padding-left: 20px;
}

.auth-form-group {
   margin-bottom: 20px;
}

.auth-form-label {
   display: block;
   margin-bottom: 8px;
   font-weight: 600;
   color: #333;
}

.auth-form-input {
   width: 100%;
   padding: 12px;
   border: 1px solid #ddd;
   border-radius: 4px;
   font-size: 14px;
}

.auth-form-small {
   color: #666;
   font-size: 12px;
}

.auth-form-checkbox-wrapper {
   display: flex;
   align-items: center;
   cursor: pointer;
}

.auth-form-checkbox {
   margin-right: 8px;
}

.auth-form-checkbox-label {
   color: #666;
   font-size: 14px;
}

.auth-form-submit {
   width: 100%;
   padding: 14px;
   background: #ff0077;
   color: #fff;
   border: none;
   border-radius: 4px;
   font-size: 16px;
   font-weight: 600;
   cursor: pointer;
   transition: background 0.3s;
}

.auth-form-submit:hover {
   background: #cc0060;
}

.auth-form-footer {
   text-align: center;
   margin-top: 20px;
   padding-top: 20px;
   border-top: 1px solid #eee;
}

.auth-form-footer p {
   color: #666;
   margin: 0;
}

.auth-form-footer a {
   color: #ff0077;
   text-decoration: none;
   font-weight: 600;
}

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