@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}.auth{width:100%;max-width:400px;margin:0 auto;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.auth__title{font-size:1.75rem;margin-bottom:1.5rem;color:#333;text-align:center}.auth__social{margin-bottom:1.5rem;text-align:center}.auth__social-text{margin-bottom:1rem;color:#666;font-size:0.9rem}.auth__social-buttons{display:flex;flex-direction:column;gap:0.75rem}.auth__social-button{display:flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:4px;font-weight:500;text-decoration:none;transition:opacity 0.2s ease}.auth__social-button:hover{opacity:0.9}.auth__social-button--google{background-color:#DB4437;color:white}.auth__social-button--twitter{background-color:#1DA1F2;color:white}.auth__social-icon{margin-right:0.5rem;font-weight:bold}.auth__divider{display:flex;align-items:center;margin:1.5rem 0}.auth__divider::before,.auth__divider::after{content:'';flex:1;border-bottom:1px solid #ddd}.auth__divider span{padding:0 1rem;color:#666;font-size:0.875rem}.auth__messages{margin-bottom:1.5rem}.auth__message{padding:1rem;border-radius:4px;margin-bottom:0.75rem}.auth__message--error{background-color:#f8c9c4;border-left:4px solid #e74c3c}.auth__message--success{background-color:#d1f5e0;border-left:4px solid #2ecc71}.auth__form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.auth__fields{width:100%;display:grid;gap:1.25rem}.auth__field label{display:block;margin-bottom:0.375rem;font-weight:500}.auth__field input{width:100%;padding:0.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.auth__field input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px rgba(52,152,219,0.2)}.auth__help-text{display:block;margin-top:0.375rem;color:#666;font-size:0.875rem}.auth__error{margin-top:0.375rem;color:#e74c3c;font-size:0.875rem}.auth__submit{width:100%;padding:0.875rem;background-color:#3498db;color:white;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color 0.2s ease}.auth__submit:hover{background-color:#217dbb}.auth__footer{margin-top:1.5rem;text-align:center;font-size:0.9375rem}.auth__footer p{margin:0.5rem 0}.auth__link{color:#3498db;text-decoration:none}.auth__link:hover{text-decoration:underline}@media (max-width:768px){.auth{max-width:100%;border-radius:0;box-shadow:none;padding:1rem}.auth__title{font-size:1.5rem}}