.auth-page-wrapper{background-color:var(--white-color,#F9F5F2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-container{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;max-width:480px;padding:2.5rem}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.auth-title{font-size:28px;font-weight:700;color:#515535;margin:0}.auth-tab-button{background-color:#d89a2c;color:#ffffff;padding:.5rem 1.25rem;border-radius:9999px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s ease}.auth-tab-button:hover{background-color:#c48d1e}.auth-form{gap:1.25rem}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group label{font-size:14px;font-weight:500;color:#515535}.input-group input{padding:.875rem 1rem;border:1px solid #515535;border-radius:6px;font-size:15px;transition:border-color .2s ease;background-color:#ffffff;color:#333}.input-group input:focus{outline:none;border-color:#515535}.input-group input::placeholder{color:#999}.password-group{position:relative}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{width:100%;padding-right:2.5rem}.eye-icon{position:absolute;right:12px;cursor:pointer;color:#888;width:20px;height:20px;transition:color .2s ease}.eye-icon:hover{color:#515535}.checkbox-row{justify-content:space-between;margin:-.5rem 0}.checkbox-label,.checkbox-row{display:flex;align-items:center}.checkbox-label{gap:.5rem;font-size:14px;color:#515535;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#515535}.forgot-password-link{font-size:13px;color:#515535;text-decoration:none;transition:color .2s ease}.forgot-password-link:active,.forgot-password-link:hover{color:#3d4028;text-decoration:underline}.auth-primary-button{background-color:var(--primary-color,#4B4F33);color:#ffffff;border:none;padding:.875rem 1.5rem;border-radius:9999px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.auth-primary-button:hover:not(:disabled){background-color:#3a3d28;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.auth-primary-button:active:not(:disabled){transform:translateY(0)}.auth-primary-button:disabled{opacity:.6;cursor:not-allowed}.trouble-link{text-align:center;font-size:13px;color:#515535;text-decoration:none;margin-top:.5rem;transition:color .2s ease}.trouble-link:active,.trouble-link:hover{color:#3d4028;text-decoration:underline}.auth-separator{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#AAAAAA;font-size:14px}.auth-separator:after,.auth-separator:before{content:"";flex:1 1;border-bottom:1px solid #d1d1d1}.auth-separator span{padding:0 1rem}.social-login-container{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-login-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;border:1px solid #515535;border-radius:9999px;background-color:#ffffff;color:#515535;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.social-login-button:hover{border-color:#3d4028;background-color:#f9f9f9}.social-login-button svg{flex-shrink:0}.auth-legal-text{font-size:12px;color:#515535;line-height:1.6;margin-top:1rem}.auth-legal-text p{margin:0 0 .75rem}.legal-link{color:#007AFF;text-decoration:underline;font-weight:500}.legal-link:active,.legal-link:hover{color:#0056CC;text-decoration:underline}.auth-disclaimer{font-size:12px;color:#515535;line-height:1.6;margin-top:1rem;margin-bottom:0}@media (max-width:640px){.auth-container{padding:2rem 1.5rem}.auth-title{font-size:24px}.checkbox-row{flex-direction:column;align-items:flex-start;gap:.75rem}}