.auth-page{background-color:#111319;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";filter:blur(120px);z-index:1;opacity:.12;border-radius:50%;position:absolute}.auth-page:before{background:#6366f1;width:350px;height:350px;top:-50px;left:-50px}.auth-page:after{background:#61f9b1;width:350px;height:350px;bottom:-50px;right:-50px}.auth-page .auth-card{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1f26b3;border:1px solid #3c4a414d;border-radius:16px;width:100%;max-width:400px;margin:1rem;padding:2rem;position:relative;box-shadow:0 8px 32px #0000004d}.auth-page .auth-card .auth-back-link{color:#94a3b8;cursor:pointer;align-items:center;gap:6px;margin-bottom:1.5rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.auth-page .auth-card .auth-back-link span{font-size:1rem}.auth-page .auth-card .auth-back-link:hover{color:#61f9b1}.auth-page .auth-card .auth-header{text-align:center;margin-bottom:2rem}.auth-page .auth-card .auth-header .auth-logo{color:#61f9b1;background:#61f9b11a;border:1px solid #61f9b133;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1rem;padding:10px;display:inline-flex}.auth-page .auth-card .auth-header .auth-logo span{font-size:2.2rem}.auth-page .auth-card .auth-header h2{color:#e2e2eb;margin:0;font-size:1.35rem;font-weight:700}.auth-page .auth-card .auth-header p{color:#94a3b8;margin:.5rem 0 0;font-size:.8rem}.auth-page .auth-card .auth-form{flex-direction:column;gap:1.2rem;display:flex}.auth-page .auth-card .auth-form .form-group{flex-direction:column;gap:.4rem;display:flex}.auth-page .auth-card .auth-form .form-group label{color:#e2e2eb;font-size:.8rem;font-weight:500}.auth-page .auth-card .auth-form .form-group .input-wrapper{align-items:center;display:flex;position:relative}.auth-page .auth-card .auth-form .form-group .input-wrapper .input-icon{color:#94a3b8;font-size:1.2rem;position:absolute;right:12px}.auth-page .auth-card .auth-form .form-group .input-wrapper input{color:#f8fafc;text-align:right;direction:ltr;background:#191b2299;border:1px solid #3c4a4180;border-radius:8px;outline:none;width:100%;padding:10px 40px 10px 14px;font-size:.9rem;transition:all .2s}.auth-page .auth-card .auth-form .form-group .input-wrapper input:focus{background:#191b22;border-color:#61f9b1;box-shadow:0 0 0 3px #61f9b126}.auth-page .auth-card .auth-form .form-group .input-wrapper input.rtl-input{text-align:right;direction:rtl}.auth-page .auth-card .auth-form .form-group .input-wrapper input.has-toggle{padding-left:40px}.auth-page .auth-card .auth-form .form-group .input-wrapper .toggle-password-btn{color:#94a3b8;cursor:pointer;z-index:5;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s;display:flex;position:absolute;left:12px}.auth-page .auth-card .auth-form .form-group .input-wrapper .toggle-password-btn:hover{color:#61f9b1}.auth-page .auth-card .auth-form .form-group .input-wrapper .toggle-password-btn span{font-size:1.2rem}.auth-page .auth-card .auth-form .error-alert{color:#ffb4ab;background:#93000a26;border:1px solid #ffb4ab40;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:.8rem;display:flex}.auth-page .auth-card .auth-form .error-alert span{font-size:1rem}.auth-page .auth-card .auth-form .submit-btn{color:#003822;cursor:pointer;background:#61f9b1;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:.4rem;padding:10px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.auth-page .auth-card .auth-form .submit-btn:hover:not(:disabled){filter:brightness(1.1)}.auth-page .auth-card .auth-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-page .auth-card .auth-form .submit-btn .spinner{border:2px solid #00382233;border-top-color:#003822;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.auth-page .auth-card .auth-footer{text-align:center;color:#94a3b8;margin-top:1.25rem;font-size:.8rem}.auth-page .auth-card .auth-footer a{color:#61f9b1;margin-right:4px;font-weight:600;text-decoration:none}.auth-page .auth-card .auth-footer a:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.method-tabs{background:#33343b66;border:1px solid #3c4a4133;border-radius:8px;margin-bottom:1.5rem;padding:4px;display:flex}.method-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 0;font-size:.8rem;font-weight:600;transition:all .2s}.method-tabs button.active{color:#003822;background:#61f9b1}.method-tabs button:hover:not(.active){color:#e2e2eb}.otp-timer-text{color:#94a3b8;text-align:center;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.75rem;display:flex}.resend-otp-btn{color:#61f9b1;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;font-weight:600;text-decoration:underline}.resend-otp-btn:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}