body{font-family:Inter,sans-serif}.auth-page-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:4rem 1rem;min-height:calc(100vh - 75px);background-color:#111827;background-image:radial-gradient(circle at 1% 1%,hsl(222,47%,15%),hsl(222,47%,11%) 100%)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-container{background-color:#1f2937;padding:2.5rem;border-radius:16px;box-shadow:0 0 30px rgba(139,92,246,.1);width:100%;max-width:420px;border:1px solid #374151;animation:fadeInSlideUp .7s ease-out forwards}.auth-form-container h2{text-align:center;font-size:1.8rem;font-weight:700;color:#f9fafb;margin-top:0;margin-bottom:1.5rem}.auth-method-toggle{display:flex;background-color:#111827;border-radius:10px;padding:4px;margin-bottom:2rem}.auth-method-toggle button{flex:1;padding:10px;border:none;background-color:transparent;border-radius:8px;font-size:.9rem;font-weight:600;color:#9ca3af;cursor:pointer;transition:background-color .3s,color .3s}.auth-method-toggle button.active{background-color:#8b5cf6;color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.auth-form .input-group{margin-bottom:1.25rem}.auth-form .input-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#d1d5db}.input-with-icon{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1rem;pointer-events:none}.auth-form .input-with-icon input{width:100%;padding:12px 15px 12px 45px!important;border:1px solid #4b5563;border-radius:10px;font-size:1rem;box-sizing:border-box;background-color:#374151;color:#f9fafb;transition:border-color .2s,box-shadow .2s}.auth-form .input-with-icon input::placeholder{color:#6b7280}.auth-form .input-with-icon input:focus{outline:none;border-color:#8b5cf6;background-color:#1f2937;box-shadow:0 0 0 3px rgba(139,92,246,.3)}.auth-button{width:100%;padding:14px;border:none;border-radius:10px;color:white;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;background:linear-gradient(45deg,#a78bfa,#6d28d9,#a78bfa);background-size:200% auto;transition:background-position .5s ease-out,transform .2s ease-out}.auth-button:hover:not(:disabled){background-position:100%;transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(167,139,250,.4)}.auth-button:disabled{background-color:#4b5563;background-image:none;cursor:not-allowed;opacity:.5}.auth-switch-link{text-align:center;margin-top:2rem;font-size:.9rem;color:#9ca3af}.auth-switch-link a{color:#a78bfa;font-weight:600;text-decoration:none}.auth-switch-link a:hover{text-decoration:underline}.input-helper-text{font-size:.85rem;color:#9ca3af;margin-top:-.75rem;margin-bottom:1.25rem;text-align:center}.field-error-text{color:#fca5a5;font-size:.875rem;margin-top:6px}