.loading{text-align:center;padding:2rem;color:#666666;font-size:1rem;font-style:italic}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:2rem 0}.auth-container{max-width:400px;margin:0 auto;padding:2rem;background-color:#ffffff;border-radius:10px;border:.5px solid #000}.auth-title{font-size:1.5rem;font-weight:600;color:#333333}.auth-description,.auth-title{margin-bottom:1.5rem;text-align:center}.auth-description{color:#666666;font-size:.95rem;line-height:1.6}.message{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.message.success{background-color:#e6f7e6;color:#2e7d32;border:1px solid #c8e6c9}.message.error{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.redirect-notice{margin-top:.75rem;font-size:.875rem;font-style:italic}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#555555}.form-input{padding:.75rem;border:1px solid #dddddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus{border-color:#CB6B52;outline:none}.form-input::placeholder{color:#aaaaaa}.form-error{color:#e53e3e;font-size:.75rem;margin-top:.25rem}.auth-button,.submit-button{padding:.75rem;background-color:#CB6B52;color:white;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%}.auth-button:hover,.submit-button:hover{background-color:#b55a43}.auth-button:disabled,.submit-button:disabled{background-color:#e0c0b0;cursor:not-allowed}.auth-link{color:#CB6B52;text-decoration:none;font-size:.875rem;text-align:center;margin-top:1rem;display:block}.auth-link:hover{text-decoration:underline}.auth-links{display:flex;justify-content:center;margin-top:1.5rem}.social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:.5px solid #000;border-radius:10px;background-color:white;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.social-button:hover{background-color:#f9f9f9}.social-icon{width:1.25rem;height:1.25rem}.divider{display:flex;align-items:center;margin:1.5rem 0;color:#888888;font-size:.875rem}.divider:after,.divider:before{content:"";flex:1 1;border-bottom:1px solid #dddddd}.divider:before{margin-right:.5rem}.divider:after{margin-left:.5rem}.gender-options{display:flex;gap:.75rem;margin-top:.5rem}.gender-option{flex:1 1;padding:.75rem;border:.5px solid #000;border-radius:10px;text-align:center;cursor:pointer;transition:all .2s}.gender-option.selected{background-color:#CB6B52;color:white;border-color:#CB6B52}.checkbox-group{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem}.checkbox-input{margin-top:.25rem}.checkbox-label{font-size:.875rem;color:#555555;line-height:1.4}.checkbox-label a{color:#CB6B52;text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem}.step{width:10px;height:10px;border-radius:50%;background-color:#dddddd;margin:0 .25rem}.step.active{background-color:#CB6B52}.step-title{text-align:center;margin-bottom:1.5rem;color:#555555;font-size:1rem}@media (max-width:480px){.auth-container{max-width:100%;padding:1.5rem;border-radius:0;box-shadow:none}.auth-page{padding:1rem 0}.message{padding:.75rem}}