.auth-page-container{display:flex;height:100vh;width:100%;background-color:#fff;flex-direction:row-reverse;position:relative}.auth-page-container .logo{height:auto;position:absolute;left:1rem;top:1rem;z-index:100}.auth-side-image{width:50%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff;margin:auto 0}.auth-side-image img{width:100%;height:100%;object-fit:cover}.auth-content-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 1rem 1rem;position:relative}.auth-content-wrapper .auth-content h2{text-align:left}.auth-content-wrapper .auth-content>p{text-align:left}.auth-content{min-width:auto;width:100%;max-width:400px;padding:0 1rem}.auth-content h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem;text-align:left}.auth-content p{color:#050a1d;margin-bottom:2rem;font-size:.95rem;text-align:left;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{text-align:left}.auth-form .form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.auth-form .form-group input{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .3s ease;background-color:#fff;box-sizing:border-box}.auth-form .form-group input::placeholder{color:#9ca3af;font-size:.95rem}.form-group input:focus{border-color:#ef4444}.auth-form .auth-button,.auth-button{width:100%;background-color:#ef4444;color:#fff;padding:.875rem;font-weight:600;font-size:1rem;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease;margin-top:.5rem;box-sizing:border-box}.auth-form .auth-button:hover{background-color:#dc2626}.auth-footer{font-size:.875rem;color:#6b7280;text-align:center;margin-top:1.5rem;align-content:center}.auth-footer a{color:#3b82f6;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:none}.forgot-password-link{text-align:right;margin-top:.5rem;margin-bottom:1rem}.forgot-password-link a{color:#3b82f6;text-decoration:none;font-size:.875rem;transition:color .2s;text-align:right}.forgot-password-link a:hover{color:#2563eb;text-decoration:underline}.verification-code{display:flex;justify-content:space-between;margin-bottom:2rem;gap:.5rem;width:100%}.verification-code input{text-align:center;border:2px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .3s ease;flex:1;min-width:0;max-width:60px;height:50px;font-size:1.25rem}.verification-code input:focus{border-color:#06c}.resend-text{font-size:.875rem;color:#6b7280;text-align:center;margin-top:1.5rem}.resend-text a{color:#3b82f6;font-weight:500;text-decoration:underline}.resend-text a:hover{text-decoration:underline}.password-reset-success{min-width:400px;text-align:left;background-color:#fff;margin-top:0;position:relative;z-index:1;font-family:Segoe UI,sans-serif}.success-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem;text-align:left}.success-message{color:#050a1d;margin-bottom:2rem;font-size:.95rem;text-align:left}.success-button{display:inline-block;width:100%;background-color:#ef4444;color:#fff;padding:.875rem;font-weight:600;font-size:1rem;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease;margin-top:.5rem;box-sizing:border-box;text-decoration:none;text-align:center}.success-button:hover{background-color:#dc2626}@media (max-width: 768px){.auth-page-container{flex-direction:column;padding-top:4rem}.auth-side-image{width:100%;height:200px;display:none}.auth-content-wrapper{padding-top:2rem;justify-content:flex-start}.auth-form{gap:1.25rem}.auth-page-container .logo{width:100px;height:auto;position:absolute;left:2rem;top:2rem}.verification-code input{width:50px;height:45px;font-size:1.1rem}.verification-code{gap:.5rem}}@media (max-width: 480px){.auth-content h2{font-size:1.75rem}.auth-content p{margin-bottom:1.5rem}.verification-code{margin-bottom:1.5rem;gap:.25rem}.verification-code input{max-width:40px;height:40px;font-size:1rem}.auth-page-container .logo{width:100px;height:auto;position:absolute;left:0}.auth-content-wrapper .auth-content{text-align:center;padding:10px}.auth-content-wrapper .auth-content p,h2{text-align:center}.auth-side-image{display:none}.auth-form .form-group input{padding:.65rem .9rem}.auth-button{padding:.75rem}.auth-footer{margin-top:1rem}}
